개발자의 끄적끄적

[javasript/jquery] ckeditor4 add style example / ckeditor4 css 추가하는 방법 html 텍스트 에디터를 사용하다 보면 ckeditor 를 사용하는 경우가 많이 있습니다. 그중에서 ckeditor 가 로드된 후에 특정 css 설정이 적용되도록 작업해야 하는 경우가 있는데요. 그럴때는 아래와 같이 on : instanceReady 를 이용하여 스타일을 추가하시면 됩니다! CKEDITOR.replace("content",{ height:"300" ,toolbar: [ { name: 'document', items : [ 'Source' ] }, { name: 'basicstyles', items : [ 'Bold','Italic','Underline','Stri..

[개발/ckeditor4] ckeditor4 행간 & 자간 플러그인 [링크] ckeditor 4 를 사용하여 텍스트 에디터를 구성하다 보면 추가 플러그인을 설치해서 사용해야 하는 경우가 있습니다. 그중에서 행간 자간을 설정할 수 있는 라이브러리를 소개하려고 합니다. 1. 행간 플러그인 https://ckeditor.com/cke4/addon/lineheight 2. 행간 / 자간 플러그인 https://ckeditor.com/cke4/addon/spacingsliders 위 2가지 플러그인을 이용하면 행간 및 자간을 설정할 수 있습니다. 개인적으로 둘다 사용해본 결과 2번의 행간 / 자간 플러그인이 더 직관적이고 사용하기 편했습니다! 추가적으로 플러그인 설정하는 방법 링크 달겠습니다! 들어가서 확인해 보..

[개발/ckeditor4] ckeditor4 plugin 추가하는 방법 사이트를 개발하다보면 텍스트 에디터를 붙이는 경우가 자주 있습니다. 그중에서 ckeditor4 버전을 사용하는 경우 추가 플러그인을 사용하는 경우가 있습니다. 그럴때는 아래와 같이 플러그인을 설정할 수 있습니다. 1. https://ckeditor.com/cke4/addons/plugins/all 링크로 들어가서 플러그인을 선택 및 다운로드 합니다. 2. 위에서 받은 플러그인을 원하는 경로에 업로드 합니다. 3. ckeditor 를 로드할때 아래 스크립트 옵션을 참고합니다. - addExrternal 를 이용하여 경로와 플러그인 명을 입력합니다. - editorConfig 를 시용하여 플러그인 명과 언어를 설정합니다. - replac..