정성훈
    자신의 게시판에 CKEditor HTML 편집기 추가하기



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>

 

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

이상입니다.

 

정성훈
  등록일 : 2017-06-05 [15:29] 조회 : 14921 다운 : 0   
 
△ 이전글구글의 랭킹시스템
▽ 다음글교재 프로그램에서 view.php 수정
웹서버프로그래밍
번호 ⓒ 제 목 이름 조회 등록일
간단 리눅스 사용설명서
학과 리눅스 서버 접속방법
기말과제 제안발표 내용
기말과제 최종발표 내용
기말과제 최종보고서 내용
41 자신의 게시판에 CKEditor HTML 편집기 추가하기 공지 정성훈 14921 06-05
40 └❶ 교재 프로그램에서 view.php 수정 답변 정성훈 1416 06-11
39 └❶ l설치 방법 답변 정성훈 1607 06-05
38 └❶ lCKEditor 설정 답변 정성훈 2668 06-05
37 한글문제 해결 공지 정성훈 1170 05-15
36 └❶ 리눅스에서 파일의 폰트 확인하는 방법 답변 정성훈 1145 05-15
35 └❶ EUC-KR 파일을 UTF-8 파일로 만드는 법 답변 정성훈 1417 05-15
34 └❶ putty 접속 후 ssh 에서 UTF-8 설정 답변 정성훈 1290 05-15
33 2017 웹서버 기말과제 조편성 및 주제 공지 정성훈 1762 05-04
32 웹 게임 공지 정성훈 1904 10-18
31 └❶ l(기사) 웹(HTML5)이 게임을 지배할 때 답변 정성훈 2100 04-06
30 └❶ l30 Amazing Games Made Only With HTML5 답변 정성훈 3198 03-10
29 └❶ lHow to Make a HTML5 Game 답변 정성훈 3056 03-10
28 └❶ lMake a snake game using HTML5 canvas and Jquery 답변 정성훈 1864 03-10
27 └❶ lHTML Game Example 답변 정성훈 1794 03-10

[1][2][3][4][5]