개요 | |
CKEditor. 자바스크립트 기반 위지윅 웹에디터. - 구명칭 : FCKEditor. 주요특징. - 쉬운 이식. 웹사이트 구축언어가 asp든, php든 관계없이 도입용이. - CKEditor 에는 파일업로드 기능 없음. (참고 :파일업로드 솔루션으로 CKFinder 라는 파일 매니징 수단도 제공되어 CKEditor 에 통합가능) CKEditor 사이트 : http://ckeditor.com/ CKEDitor 데모 : http://ckeditor.com/demo CKEditor 다운로드 : http://ckeditor.com/download CKEditor 개발자용 가이드 : http://docs.ckeditor.com/#!/guide 위젯 (=플러그인과 같은 의미) - 위젯소개 : http://ckeditor.com/demo#widgets - 웹페이지에 전산언어소스코드 문법 하일라이팅 표현 . http://ckeditor.com/addon/codesnippet - 테이블 관련 : http://ckeditor.com/addon/quicktable CKEditor Standard 패키지 모습.
CKEditor Full 패키지 모습.
| |
|
CKEditor 다운로드 | |
CKEditor 다운로드 주소 : http://ckeditor.com/download 다운로드 방법. CKEditor 는 단일 패키지 배포 방식이 아닌 사용자가 선택할 수 있도록 하고 있고 4종의 패키지 옵션이 제공된다. Basic Package : 플러그인 17개. 가장 간단, 본글의 답글 작성시등에 사용하기 용이. Standard Package : 플러그인 48개. Full Package : 플러그인 72개. Customize : 원하는 기능을 세부적으로 선택 가능. 본 글에서는 Customize 방식으로 CKEditor 다운로드 한다. EKEditor 버전 : 4.5.13 (2016년 8월 22일 최신 버전) 상기 다운로드 주소에서 아래 그림 붉박 처럼 선택하고, 버튼 "Custom & Download EKEditor" 클릭.
기능선택. 1. Choose Preset Full Package 선택. 2. 플러그인선택. - 오른쪽에 있는 것중 원하는 기능의 플러그인 추가한다. 본 예에서는 아래와 같은 플러그인을 추가했다. Code Snippet , Mathmatical Formula, CKEditor Bootstrap 3 QuickTable, Table Resize, Google Web Fonts, Bootstrap Glyphicon. - 아래 그림에 플러그인 선택된것이 붉박에 보인다. 3. 스킨 선택. - Office 2013 선택했음. 4. 언어 선택. - 이 언어란 편집기 상단에 보이는 언어를 의미하며, 간단한 표현이므로 그냥 기본 English 상태 로 만 함.
선택할건 다했다. 최종, 라이센스 동의하고, 버튼 다운로드 클릭한다.
버튼 누르면 앞에서 선택한것들 자동으로 zip파일을 생성하여 다운로드 가능하게 해준다.
위 옵션으로 생성된 zip 파일 첨부함. ckeditor_4.5.10_ba850873ab38.zip다운로드 받은 파일 압축풀어서 탐색기에서 본 폴더,파일 구성.
이후 위 폴더 ckeditor 를 통째로 웹서버에 올려두고, 웹페이지 코드내에서 활용하면된다. CKEditor 서버 설치 및 기본 설정법 -> http://igotit.tistory.com/905 | |
|
'지속가능티끌 > 웹,워드프레스' 카테고리의 다른 글
gist-embed 설치. 사용예 (0) | 2016.08.26 |
---|---|
CKEditor. 설치.설정 (0) | 2016.08.22 |
워드프레스 포스트, 페이지의 리비젼 수량 제한. (0) | 2014.11.14 |
가비아에서 워드프레스 설치후 localhost, 도메인주소, .htaccess, 한글오류. (0) | 2014.11.13 |
워드프레스 Essential Grid 웹에 표현하기. (0) | 2014.11.11 |
댓글