[해피CGI][cgimall] 위지윅 내용 입력 부분에 미리 양식을 넣어둘 수 있나요?

 

Q. 위지윅 내용 입력 부분에 미리 양식을 넣어둘 수 있나요?

 

 

 

 

 

A. 솔루션에 내장된 게시판 내용 부분에 정해진 양식을 입력해 두실 수 있습니다.

HTML에 대한 초급 지식과 있으면 양식을 제작하실 수 있으며,

각종 신청서나 폼메일 형식으로도 활용하실 수가 있습니다.



양식 입력은 아래의 방법을 따라 하시기 바랍니다.

1. 양식을 입력할 게시판을 선택 합니다.
    
2. 게시판의 글작성 템플릿 파일을 확인 합니다.
   
   
   
   기본적으로 [관리자모드] -> [게시판관리] -> [전체게시판관리] 메뉴에서 확인이 가능 합니다.
   
   양식을 입력한 게시판의 [수정] 버튼을 클릭하시면 확인하실 수 있습니다.
   
   
   
   
   
3. 기본적으로 게시판 등록 템플릿 파일로 bbs_regist.html 를 사용하기 때문에
   
   특정 게시판에만 양식을 입력하고 싶으신 경우는
   
   bbs_regist_form.html 등으로 파일을 별도로 생성하시는것이 좋겠습니다.
   
   
4. 솔루션의 게시판 템플릿 파일 저장 폴더는 html_bbs 이며,
   
   위에서 확인한 파일을 FTP 프로그램을 통해 다운로드 받아 소스 편집툴로 엽니다.
   
   
    
5. 파일의 소스를 보면 이름,이메일,비밀번호 등의 항목 입력폼 다음으로
   
   아래와 같은 소스 구분이 확인될 것 입니다.
   
   
   
   1. <!-- 위지윅 시작 -->  
   2. <input type="hidden" name=html value="1">  
   3. <SCRIPT language="javascript" src="./wys2/fckeditor.js"></SCRIPT>  
   4. <script type="text/javascript">  
   5. <!--  
   6. var oFCKeditor = new FCKeditor( 'bbs_review' ) ;  
   7. oFCKeditor.BasePath = '{{wys_url}}/wys2/' ;  
   8. oFCKeditor.Config['CustomConfigurationsPath'] = oFCKeditor.BasePath + '_samples/html/sample06.config.js' ;  
   9. oFCKeditor.ToolbarSet   = 'happycgi' ;  
   10. oFCKeditor.Height   = 650 ;  
   11. oFCKeditor.Value    = '' ;  
   12. oFCKeditor.Create() ;  
   13. //-->  
   14. </script>  
   15. <!-- 위지윅끝 -->  

   <!-- 위지윅 시작 -->
   <input type="hidden" name=html value="1">
   <SCRIPT language="javascript" src="./wys2/fckeditor.js"></SCRIPT>
   <script type="text/javascript">
   <!--
   var oFCKeditor = new FCKeditor( 'bbs_review' ) ;
   oFCKeditor.BasePath	= '{{wys_url}}/wys2/' ;
   oFCKeditor.Config['CustomConfigurationsPath'] = oFCKeditor.BasePath + '_samples/html/sample06.config.js' ;
   oFCKeditor.ToolbarSet	= 'happycgi' ;
   oFCKeditor.Height	= 650 ;
   oFCKeditor.Value	= '' ;
   oFCKeditor.Create() ;
   //-->
   </script>
   <!-- 위지윅끝 -->

   
    
6. 위 소스에서 oFCKeditor.Value = ''; 부분에 양식을 입력하면 되며,
   
   현재 입력부분을 홑따옴표(') 로 감싸고 있기 때문에 
   
   안에 들어갈 HTML 코드에서는 쌍따옴표만 사용하시는것이 좋습니다.
   
   (만약 쌍따옴표로 감싸고 있다면 반대로 홑따옴표만 사용하시면 됩니다.)
   
   예) oFCKeditor.Value = '<table width= "100%" ><tr><td></td></tr></table>';
   
   
   주의사항)
   자바스크립트를 이용하는것이기 때문에 모두 한줄로 입력해야 합니다.
   
   
    
7. HTML 코드를 이용해 양식을 제작해 보겠습니다.
    
   1. <!-- 위지윅 시작 -->  
   2. <input type="hidden" name=html value="1">  
   3. <SCRIPT language="javascript" src="./wys2/fckeditor.js"></SCRIPT>  
   4. <script type="text/javascript">  
   5. <!--  
   6. var oFCKeditor = new FCKeditor( 'bbs_review' ) ;  
   7. oFCKeditor.BasePath = '{{wys_url}}/wys2/' ;  
   8. oFCKeditor.Config['CustomConfigurationsPath'] = oFCKeditor.BasePath + '_samples/html/sample06.config.js' ;  
   9. oFCKeditor.ToolbarSet   = 'happycgi' ;  
   10. oFCKeditor.Height   = 650 ;  
   11. oFCKeditor.Value    = '<table style="border=\'1px solid #CCCCCC\'" cellspacing="0" cellpadding="5"><tr><td width="120">신청자 이름</td><td width="400"></td></tr><tr><td width="120">신청자 나이</td><td width="400"></td></tr><tr><td width="120">신청자 주소</td><td width="400"></td></tr><tr><td width="120">신청자 이메일</td><td width="400"></td></tr><tr><td width="120">신청자 전화번호</td><td width="400"></td></tr><tr><td width="120" height="200" valign="top">남기실 말씀</td><td width="400"></td></tr></table>';  
   12. oFCKeditor.Create() ;  
   13. //-->  
   14. </script>  
   15. <!-- 위지윅끝 -->  

   <!-- 위지윅 시작 -->
   <input type="hidden" name=html value="1">
   <SCRIPT language="javascript" src="./wys2/fckeditor.js"></SCRIPT>
   <script type="text/javascript">
   <!--
   var oFCKeditor = new FCKeditor( 'bbs_review' ) ;
   oFCKeditor.BasePath	= '{{wys_url}}/wys2/' ;
   oFCKeditor.Config['CustomConfigurationsPath'] = oFCKeditor.BasePath + '_samples/html/sample06.config.js' ;
   oFCKeditor.ToolbarSet	= 'happycgi' ;
   oFCKeditor.Height	= 650 ;
   oFCKeditor.Value	= '<table style="border=\'1px solid #CCCCCC\'" cellspacing="0" cellpadding="5"><tr><td width="120">신청자 이름</td><td width="400"></td></tr><tr><td width="120">신청자 나이</td><td width="400"></td></tr><tr><td width="120">신청자 주소</td><td width="400"></td></tr><tr><td width="120">신청자 이메일</td><td width="400"></td></tr><tr><td width="120">신청자 전화번호</td><td width="400"></td></tr><tr><td width="120" height="200" valign="top">남기실 말씀</td><td width="400"></td></tr></table>';
   oFCKeditor.Create() ;
   //-->
   </script>
   <!-- 위지윅끝 -->
   

   
   
    
8. 완성된 출력화면은 아래와 같습니다.
    
   [예제 파일 다운로드]