본문 바로가기
지속가능티끌/웹,워드프레스

CKEditor. 개요, 다운로드. 위지윅 웹에디터.

by 리치굿맨 2016. 8. 22.
 

개요

 

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/addon/codesnippet


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


 



///904.

댓글0


.    
현물 |선물 인버스 |선물 USDT     현물 | 선물 USDT |봇제작툴/카피트레이딩     현물 |선물 인버스 |선물 USDT     .