웹마스터 팁
page_full_width" class="col-xs-12" |cond="$__Context->page_full_width">
CKEditor 이용시 몇가지 유용한 설정
2015.05.02 10:59
./common/js/plugins/ckeditor/ckeditor/config.js 를 만들면 사용자 설정을 읽어서 에디터에 반영 합니다.
CKEDITOR.editorConfig = function( config ) {
// 설정값들을 이 사이에 입력하면 됩니다.
};
1. 사용해보신분들은 아시겠지만 기본 상태에서는 대부분의 빈 태그를 자동으로 삭제합니다. 특히 폰트어썸이나 xeicon을 사용할때 i태그를 사용하는데 이를 빈 태그로 인식해서 자동 삭제하는바람에 공백을 추가하는등의 꼼수를 부려야 삭제 되지 않습니다. 많이 사용하는 i태그가 지워지는걸 방지하기 하려면 아래의 설정을 입력하면 됩니다.
CKEDITOR.dtd.$removeEmpty['i'] = false;
2. CKEditor 기본 상태에서는 줄바꿈을 p태그로 처리 합니다. 이것을 br태그로 변경하고자 한다면 아래 설정값을 추가하세요.
config.enterMode = CKEDITOR.ENTER_BR;
3. 줄바꿈시 자동 추가되는 p태그나 공백이 없는 p태그를 수동으로 입력하면 에디터가 자동으로 공백문자를 추가합니다. 이게 싫다면 아래 설정값을 추가합니다.
config.fillEmptyBlocks = false;
댓글 11
제목 | 글쓴이 | 날짜 |
---|---|---|
새글/업데이트/이미지/동영상/첨부파일 아이콘 없애기 [18] | 老姜君 | 2008.11.21 |
무료 psd, html 탬플릿, 아이콘 사이트공유합니다. | 허허길드짱 | 2018.11.27 |
act로 다른 페이지 보여주기 [1] | 이온디 | 2018.07.25 |
단축url API 사용하시는 분들... | 미스터강 | 2018.06.01 |
확장변수값 계산하여 게시판 리스트에 출력하기(총계 게시판) [1] | klaist | 2009.11.30 |
PHP 뮤텍스 락 설치법(memcached 활용) [1] | 에이트 | 2018.09.03 |
PHP 뮤텍스 락 설치법(redis 활용) | 에이트 | 2018.09.11 |
위젯 가운데 정렬 하는법 [3] | 불금 | 2015.07.05 |
요즘 제가 jquery 웹앱 솔루션을 개발했습니다. [2] | 안드류KIM | 2018.04.03 |
썸네일 방식으로 이미지 원본 주소 가져오기 | 에이트 | 2018.08.22 |
다른 서버 간 서브도메인 쿠키 공유 | 에이트 | 2018.08.04 |
DB를 손쉽게 관리 [1] | EISOFT | 2018.07.15 |
CKEditor 이용시 몇가지 유용한 설정 [11] | prologos | 2015.05.02 |
Google 스프레드시트에서 구글 번역으로 XE 다국어 내용 만들기(Lang.xml 용도) | 달빛늑대 | 2018.07.17 |
Code-Highlighter 3.0.83 가로 스크롤바를 어디론가 보내 버리고 싶으신 분. | 달빛늑대 | 2018.07.16 |
[수정]알림센터 Lite에 메일발송 기능을 추가하기 [11] | 매실茶 | 2013.11.25 |
고정도메인 host 변경하기 | 해피정닷컴 | 2016.03.11 |
도메인 변경 또는 설치 폴더 변경시 이미지 주소변경하기 | 해피정닷컴 | 2018.06.08 |
게시판글 엑셀 파일 보내기 php7용 | 황금날개 | 2018.06.05 |
글 작성시 미리 저장된 서식 불러오기. [10] | 개돌 | 2009.07.09 |