728x90
반응형
CKEditor 를 사용할시 기본적으로 정의되어져 있는 몇가지 스타일이 있는대요. 이 부분이 사용자에 따라 약간 불편할 수도 있습니다. 또한 글을 작성하는 동안 페이지에 커스텀으로 적용되는 CSS 의 경우 보지 못하는대요. 이런 부분을 해결할 수 있는 방법이 CKEditor 자체에 페이지에서 사용될 커스텀 CSS를 넣는 방법입니다.
ps. 제 경우 CKEditor 의 p 테그에 margin 이 너무 넓게 들어 가서 적용한 경우 입니다. 아래를 보시면 기본 CKEditor 를 적용했을때 p 테그에 기본적으로 적용 되어 있는 margin 의 크기 입니다.
CKEditor 자체에 CSS 파일을 적용하고 싶으시다면 CKEDITOR 를 정의 하실때 config.contentsCss 를 정의해주시기 바랍니다.
|
1 |
CKEDITOR.config.contentsCss = '/_src/css/_ckeditor_overwrite.css'; |
이제 확인해보시면 아래와 같이 CSS 가 적용된 것을 확인하실 수 있습니다.
즐거운 개발 되시기 바랍니다.
728x90
반응형
'JQUERY > 플러그인' 카테고리의 다른 글
| 게시판에 스마트 에디터 적용시 garbage collection (0) | 2015.11.12 |
|---|---|
| 스마트 에디터 적용방법 (0) | 2015.11.12 |
| 스마트에디터 사진을 업로더할 서버URL세팅 (0) | 2015.11.12 |
| ckEditor 다운로드, 적용하기 (0) | 2015.11.06 |
| jQuery와 FCKEditor를 연동하여 웹에디터를 구현하는 jQuery FCKEditor 플러그인 소개 (0) | 2015.10.29 |
| Jstree 사용해서 그룹 트리 만들기 (0) | 2015.10.27 |
| jQuery bPopup (팝업 플러그인) (0) | 2015.10.13 |
| [jQuery] ajaxForm 플러그인과 validation 플러그인 동시에 사용하기 (0) | 2015.10.08 |
nineDeveloper
안녕하세요 현직 개발자 입니다 ~ 빠르게 변화하는 세상에 뒤쳐지지 않도록 우리모두 열심히 공부합시다 ~! 개발공부는 넘나 재미있는 것~!