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

[해피CGI][cgimall] CKEditor 플러그인 Prism Syntax Highlighter 본문

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

[해피CGI][cgimall] CKEditor 플러그인 Prism Syntax Highlighter

해피CGI윤실장 2017. 1. 30. 09:10
* ckeditor - Prism Syntax Highlighter

- 이 플러그인은 에디터내 프로그래밍 소스코드 입력시 강조 효과가 새로워집니다.




* 라이센스(무료)

- LGPL3






* 설치방법

- 먼저 이 플러그인을 사용하기 위해서는 Code Snippet 플러그인이 설치되어있어야 합니다.

Code Snippet 플러그인 다운로드 받기 -> http://www.happycgi.com/15471


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

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


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

config.extraPlugins = 'prism';



- 에디터 실행 후 아래와 같은 아이콘을 클릭합니다.




- Code Snippet 입력창이 열리면 프로그램 언어 선택과 소스코드를 입력합니다.





- 에디터에 아래와 같이 강조 효과가 노출됩니다.


 

홈페이지바로가기 

Comments