웹솔루션개발 22년 노하우! 해피CGI의 모든것

[해피CGI][cgimall] CKEditor 플러그인 Bootstrap Glyphicon 본문

웹프로그램밍 자료실/JAVA 자료

[해피CGI][cgimall] CKEditor 플러그인 Bootstrap Glyphicon

해피CGI윤실장 2017. 7. 5. 09:26

* ckeditor - Bootstrap Glyphicon

- 이 플러그인을 이용하여 에디터 작성시 아이콘을 사용할 수 있습니다.




* 라이센스(무료)

- GPLV3, LGPL3, MPL, MIT






* 설치방법

- 플러그인 파일을 다운로드 받아 ckeditor 가 설치된 폴더내 plugins 폴더안에 업로드 합니다.

예) http://example.com/ckeditor/plugins/glyphicons


- ckeditor 의 설정파일인 config.js 파일을 열어 아래 소스를 추가합니다.

config.extraPlugins = 'glyphicons';
config.contentsCss = '부트스트랩CSS경로';
config.allowedContent = true;

- ckeditor 툴바셋에 Glyphicons 를 추가합니다.

config.toolbar = [
   
{ name: 'insert', items: [ 'Glyphicons', 'Source' ] }
];


- 에디터가 사용될 HTML파일 헤드(head)부분에 아래 소스를 추가합니다.

<script>CKEDITOR.dtd.$removeEmpty['span'] = false;</script>


- 에디터 실행 시 아래와 같은 툴바 아이콘이 표시됩니다.




- 아이콘 클릭시 아래와 같이 아이콘 목록이 출력됩니다.

 

 

 

홈페이지바로가기   소스다운로드

Comments