정성훈
    CKEditor 설정
  http://igotit.tistory.com/entry/CKEditor-%EC%82%AC%EC%9A%A9%EB%B2%95



개요.

 
CKEditor 설치, 설정법들.
 
사전준비사항.
1. CKEditor 다운로드 -> http://igotit.tistory.com/904
 
 

 

 

 

 

CKEditor 웹서버 설치.

 
CKEditor 는 웹서버에 폴더를 통째로 올리기만 하면 되며, 서버측에서 특별히 설정할것 없음.
 
다운로드 받은 압축파일 해제하여 풀더명 CKEditor 전체(아래그림 붉박폴더 전체)를 서버에 ftp 등으로 업로드하면 됨.
 
 
 

 

 

 

 

CKEditor 웹페이지에 추가.

 
 
CKEditor 를 웹페이지에서 활용하는 기본 개념. 아래 코드 처럼 작성됨.
 
즉, editor1 이라는 아이디를 갖는 textarea 의 것이 편집기에 표현된다.
 
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8">
        <title>A Simple Page with CKEditor</title>
        <!-- Make sure the path to CKEditor is correct. -->
        <script src="../ckeditor.js"></script>
    </head>
    <body>
        <form>
            <textarea name="editor1" id="editor1" rows="10" cols="80">
                This is my textarea to be replaced with CKEditor.
            </textarea>
            <script>
                // Replace the <textarea id="editor1"> with a CKEditor
                // instance, using default configuration.
                CKEDITOR.replace( 'editor1' );
            </script>
        </form>
    </body>
</html>
 
 

 

 

 

 

CKEditor Configuration

 
 
CKEditor 의 Configuration 에서 에디터의 폭, 높이 , 언어, 스킨 색상 설정등이 가능하다.
설정가능한 모든 항목들 보기 -> http://docs.ckeditor.com/#!/api/CKEDITOR.config
 
CKEditor Configuration 설정 3가지 방식.
1. 패키지에 같이 배포된 config.js 파일에 설정사항 기록.
2. CKEditor 사용되는 웹페이지 내에서 설정사항 기록.
3. 사용자 정의 js 파일 이용하는법.
- 상기  3가지 방식 상세 설명 -> http://docs.ckeditor.com/#!/guide/dev_configuration
 
CKEditor  폭, 높이 설정.
CKEditor 가 사용되는 페이지내에서 에디터의 폭과 높이설정하는 예.
- 아래 코드는 에디터의 폭을 640 으로 설정하는 코드예이다.
 
 
1
2
3
4
5
6
7
    <script>
    CKEDITOR.replace('editor1',{
        width: 640,
        height: 600
    } );
    </script>
 

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

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