일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
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 |
- #이미지
- #쇼핑몰
- 홈페이지제작
- #뉴스
- #CSS
- #홈페이지
- #해피CGI
- #솔루션
- 홈페이지
- #업종별
- javascript
- 쇼핑몰
- 웹솔루션
- CSS
- 솔루션
- 게시판
- #jQuery
- 사이트제작
- #cgimall
- #동영상
- #happycgi
- jquery
- happycgi
- 해피씨지아이
- #image
- CGIMALL
- 해피CGI
- #웹솔루션
- #홈페이지제작
- php
- Today
- Total
목록#CKEditor (22)
웹솔루션개발 22년 노하우! 해피CGI의 모든것
ckeditor 본문안에 텍스트를 트윗할 수 있는 기능입니다 다운받은 파일을 압축을 해제하여 ckeditor/plugins/tweetabletext 에 압축을 해제합니다 ckeditor/config.js 파일을 열어서 아래와 같은 플러그인 추가구문을 찾아서 추가해주면 됩니다 config.extraPlugins = 'tweetabletext';
* ckeditor - Simple Button - 이 플러그인은 문서내에 일반 또는 링크 버튼을 간편하게 생성할 수 있게 도와줍니다. * 라이센스(무료) - GPLV3, LGPL3, MPL * 설치방법 - 플러그인 파일을 다운로드 받아 ckeditor 가 설치된 폴더내 plugins 폴더안에 업로드 합니다. 예) http://example.com/ckeditor/plugins/simplebutton - ckeditor 의 설정파일인 config.js 파일을 열어 아래 소스를 추가합니다. config.extraPlugins = 'simplebutton'; - 위지윅에디터를 확인하면 아래 아이콘이 추가 된 것을 확인할 수 있습니다. - 버튼에 들어갈 문구와 링크 URL, 버튼 색상을 선택하면 완료 - 버튼..
* ckeditor - Fixed toolbar on top - 이 플러그인은 문서 내용이 길어질때 스크롤을 내려도 툴바를 페이지 상단에 고정시켜 주는 플러그인 입니다. - 문서가 길어지더라도 이미지 삽입, 폰트 스타일 등 툴바 기능을 손쉽게 사용할 수 있습니다. * 라이센스(무료) - GPLV3, LGPL3, MPL * 설치방법 - 플러그인 파일을 다운로드 받아 ckeditor 가 설치된 폴더내 plugins 폴더안에 업로드 합니다. 예) http://example.com/ckeditor/plugins/fixed - ckeditor 의 설정파일인 config.js 파일을 열어 아래 소스를 추가합니다. config.extraPlugins = 'fixed'; - 문서에 스크롤바를 내려보면 아래처럼 툴바가 ..
* ckeditor - Code Snippet - 이 플러그인은 에디터네 소스코드 삽입시 구문 강조를 도와줍니다. * 라이센스(무료) - GPLV3, LGPL3, MPL * 설치방법 - 플러그인 파일을 다운로드 받아 ckeditor 가 설치된 폴더내 plugins 폴더안에 업로드 합니다. 예) http://example.com/ckeditor/plugins/codesnippet - ckeditor 의 설정파일인 config.js 파일을 열어 아래 소스를 추가합니다. config.extraPlugins = 'codesnippet'; - 툴바에 추가된 아래 아이콘을 눌러 소스코드를 입력합니다. - 입력 후 [확인] 버튼을 누르면 에디터에 아래와 같이 소스코드가 강조되어 보여집니다.
* ckeditor - Table Resize - 이 플러그인은 에디터에 테이블 태그 삽입시 셀 영역의 사이즈 조절을 도와줍니다. * 라이센스(무료) - GPLV3, LGPL3, MPL * 설치방법 - 플러그인 파일을 다운로드 받아 ckeditor 가 설치된 폴더내 plugins 폴더안에 업로드 합니다. 예) http://example.com/ckeditor/plugins/tableresize - ckeditor 의 설정파일인 config.js 파일을 열어 아래 소스를 추가합니다. config.extraPlugins = 'tableresize'; - 에디터에 테이블 태그를 삽입한 후 셀 영역을 리사이징 할 수 있습니다.
* ckeditor - oEmbed - 이 플러그인은 각종 동영상, 이미지, 음악 등 미디어를 삽입하는데 도움을 줍니다. - 미디어가 포함된 단축 URL을 입력하면 미디어가 자동으로 삽입 됩니다. * 라이센스(무료) - GPLV3, LGPL3, MPL * 설치방법 - 플러그인 파일을 다운로드 받아 ckeditor 가 설치된 폴더내 plugins 폴더안에 업로드 합니다. 예) http://example.com/ckeditor/plugins/oembed - ckeditor 의 설정파일인 config.js 파일을 열어 아래 소스를 추가합니다. config.extraPlugins = 'oembed'; - 툴바에 추가된 아이콘을 눌러 미디어가 포함된 URL을 입력합니다. - [예] 를 누르면 아래처럼 미디어가 삽..
ckeditor 에 line height 를 줄수 있는 플러그인 입니다. 플러그인 설치 후 config.js 에서 config.line_height="1em;1.1em;1.2em;1.3em;1.4em;1.5em" ; 또는 config.line_height="1px;1.1px;1.2px;1.3px;1.4px;1.5px" ; 로 설정하여 사용하시면 됩니다.
CKEditor 가 새롭게 출시 되었습니다. 에디터의 종류를 Classic , Ballon, Inline 이렇게 3가지 나누어 놓았네요 ^^ Classic 의 경우 우리에게 친숙한 에디터 화면 입니다. Ballon 은 에디터 상단바를 없애고 말풍선처럼 포커스가 지정된 곳에 에디터 툴바를 보여주는 방식이네요. Inline 도 마찬가지로 기분 상단 툴바를 없애고 각 영역에 포커스가 왔을때 상단에 툴바를 보여주도록 되어 있네요. 이번 CKEditor5 는 반응형 에디터이며 기존 에디터에 비해 매우 가볍고 맘에 쏙 드네요 ^^ 압축파일에는 그 어떤 샘플코드도 없습니다. 에디터를 사용하기 위해서는 docs 를 참고하셔야 합니다. 아래의 URL 에 접속하시면 매우 쉽게 설치 할 수 있도록 코드 안내를 하고 있으니 ..
* ckeditor - Simple Ruler - 이 플러그인은 플러그인은 에디터내 자선을 표시하여 문서 좌우 여백을 쉽게 조절할 수 있도록 도와줍니다.. * 라이센스(무료) - GPL3 * 설치방법 - 플러그인 파일을 다운로드 받아 ckeditor 가 설치된 폴더내 plugins 폴더안에 업로드 합니다. 예) http://example.com/ckeditor/plugins/simple-ruler - ckeditor 의 설정파일인 config.js 파일을 열어 아래 소스를 추가합니다. config.extraPlugins = 'simple-ruler'; - 에디터 실행시 자선이 표시됩니다.
* ckeditor - Statistics of the number of characters - 이 플러그인은 에디터 작성시 입력한 문자, 단어, 선택된 문자, 소스의 카운트를 보여주는 플러그인입니다. * 라이센스 - 상업용 무료 (http://js.plus/licensing) * 설치방법 - 플러그인 파일을 다운로드 받아 ckeditor 가 설치된 폴더내 plugins 폴더안에 업로드 합니다. 예) http://example.com/ckeditor/plugins/jsplus_stat - ckeditor 의 설정파일인 config.js 파일을 열어 아래 소스를 추가합니다. config.extraPlugins = 'jsplus_stat';