제목   자신의 게시판에 CKEditor HTML 편집기 추가하기
올린이 정성훈 날짜 2017-06-05 [15:29] 조회수 15127

CKEditor 는 게시판에 WYSIWYG(위지윅) 에디터를 추가하게 해줍니다.

다음과 같은 간단한 절차로 추가할 수 있습니다.

  1. http://ckeditor.com/  에서 최신 프로그램 다운로드
  2. 자신의 서버에 설치
  3. 글쓰기 페이지에 다음 추가
    <script language="javascript" src="/설치디렉토리/ckeditor.js"></script>
  4. <TEXTAREA> 태그에 다음 추가
    <textarea rows="15" cols="80" class="ckeditor" id="my_editor"  name="content"> </textarea>

 

프로그램을 다운로드하여 설치하지 않고도 가능합니다.

  1. 글쓰기 페이지에 다음 추가

    <script type="text/javascript" src="//s1.ckeditor.com/themes/ckeditor4/vendor/ckeditor/4.7.0/ckeditor.js"></script>

    혹은

    <script language="javascript" src="http://itsys.hansung.ac.kr/WebEditor2/ckeditor.js"></script>

     

CKEditor 에 작성된 글 확인 방법

교재 write_form.php 에 추가 시에는 아래와 같이 내용 확인하는 부분을 수정해야합니다.

<script>
  function check_input()
   {
      if (!document.board_form.subject.value)
      {
          alert("제목을 입력하세요1");   
          document.board_form.subject.focus();
          return;
      }

      if (!CKEDITOR.instances.my_editor.getData())
      {
          alert("내용을 입력하세요!");   
          CKEDITOR.instances.my_editor.focus();
          return;
      }
      /*
      if (!document.board_form.content.value)
      {
          alert("내용을 입력하세요!");   
          document.board_form.content.focus();
          return;
      }
       */
      document.board_form.submit();
   }
</script>

 

기타 설정방법은 구글이나 아래 링크에서 확인하세요.

이상입니다.

 

정성훈