일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
1 | 2 | 3 | 4 | |||
5 | 6 | 7 | 8 | 9 | 10 | 11 |
12 | 13 | 14 | 15 | 16 | 17 | 18 |
19 | 20 | 21 | 22 | 23 | 24 | 25 |
26 | 27 | 28 | 29 | 30 | 31 |
Tags
- #홈페이지
- 솔루션
- 해피씨지아이
- #jQuery
- #웹솔루션
- #뉴스
- happycgi
- 웹솔루션
- #happycgi
- #쇼핑몰
- #업종별
- CSS
- CGIMALL
- 해피CGI
- #동영상
- 홈페이지제작
- 쇼핑몰
- #CSS
- #image
- javascript
- #해피CGI
- #홈페이지제작
- 게시판
- 사이트제작
- php
- #이미지
- 홈페이지
- #솔루션
- #cgimall
- jquery
- Today
- Total
웹솔루션개발 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 입력창이 열리면 프로그램 언어 선택과 소스코드를 입력합니다.
- 에디터에 아래와 같이 강조 효과가 노출됩니다.
- 이 플러그인은 에디터내 프로그래밍 소스코드 입력시 강조 효과가 새로워집니다.
* 라이센스(무료)
- 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 입력창이 열리면 프로그램 언어 선택과 소스코드를 입력합니다.
- 에디터에 아래와 같이 강조 효과가 노출됩니다.
'웹프로그램밍 자료실 > JAVA 자료' 카테고리의 다른 글
[해피CGI][cgimall] 적은 용량의 심플한 툴팁,레이어 등의 유용한 jquery 플러그인 (0) | 2017.02.01 |
---|---|
[해피CGI][cgimall] jquery - photoswipe (0) | 2017.01.31 |
[해피CGI][cgimall] 검색창에 미리 입력한 값을 자동으로 완성해서 보여주는 Autocomplete jquery소스 (0) | 2017.01.26 |
[해피CGI][cgimall] 탭메뉴를 닫았다가 펼치는 accordion jquery소스 (0) | 2017.01.25 |
[해피CGI][cgimall] 시간을 선택하는 timepicki v2.0 (0) | 2017.01.24 |
Comments