 위지윅 내용 입력 부분에 미리 양식을 넣어둘 수 있나요?
|
|
|
|
Q. 위지윅 내용 입력 부분에 미리 양식을 넣어둘 수 있나요?
A. 솔루션에 내장된 게시판 내용 부분에 정해진 양식을 입력해 두실 수 있습니다.
HTML에 대한 초급 지식과 있으면 양식을 제작하실 수 있으며,
각종 신청서나 폼메일 형식으로도 활용하실 수가 있습니다.
양식 입력은 아래의 방법을 따라 하시기 바랍니다.
- 양식을 입력할 게시판을 선택 합니다.
- 게시판의 글작성 템플릿 파일을 확인 합니다.
기본적으로 [관리자모드] -> [게시판관리] -> [전체게시판관리] 메뉴에서 확인이 가능 합니다.
양식을 입력한 게시판의 [수정] 버튼을 클릭하시면 확인하실 수 있습니다.
- 기본적으로 게시판 등록 템플릿 파일로 bbs_regist.html 를 사용하기 때문에
특정 게시판에만 양식을 입력하고 싶으신 경우는
bbs_regist_form.html 등으로 파일을 별도로 생성하시는것이 좋겠습니다.
- 솔루션의 게시판 템플릿 파일 저장 폴더는 html_bbs 이며,
위에서 확인한 파일을 FTP 프로그램을 통해 다운로드 받아 소스 편집툴로 엽니다.
- 파일의 소스를 보면 이름,이메일,비밀번호 등의 항목 입력폼 다음으로
아래와 같은 소스 구분이 확인될 것 입니다.
<!-- 위지윅 시작 -->
<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>
<!-- 위지윅끝 -->
- 위 소스에서 oFCKeditor.Value = ''; 부분에 양식을 입력하면 되며,
현재 입력부분을 홑따옴표(') 로 감싸고 있기 때문에
안에 들어갈 HTML 코드에서는 쌍따옴표만 사용하시는것이 좋습니다.
(만약 쌍따옴표로 감싸고 있다면 반대로 홑따옴표만 사용하시면 됩니다.)
예) oFCKeditor.Value = '<table width= "100%" ><tr><td></td></tr></table>';
주의사항)
자바스크립트를 이용하는것이기 때문에 모두 한줄로 입력해야 합니다.
- HTML 코드를 이용해 양식을 제작해 보겠습니다.
<!-- 위지윅 시작 -->
<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>
<!-- 위지윅끝 -->
- 완성된 출력화면은 아래와 같습니다.
[예제 파일 다운로드]
|
|
|
|
|
목록
전체목록
|
[331]