More

ckeditor 플러그인 2개 추가하면 하나만 나타나는 현상 해결방법

ckeditor에 가운데 정렬이 필요해서 justify 플러그인을 설치해 사용하다가 텍스트에 컬러를 입히는 기능도 빠져있길래 colorbutton 플로그인을 설치해 사용하려고 했습니다. 그런데 2개의 플러그인을 선언 해도 둘중 하나만 나타나는 현상이 있어 해결법을 찾아봤습니다.


ckeditor 플러그인 2개중 하나만 나타나는 현상

개별 플러그인 추가 및 선언하는법 링크

1. config.js 파일에 justify을 먼저 선언하고 colorbutton을 나중에 선택했을 때 나타나는 현상. 정렬버튼이 사라지고 colorbutton만 표시됩니다.

config.extraPlugins = 'justify';
config.extraPlugins = 'colorbutton'; {codeBox}

colorbutton-나머지-않나옴

colorbutton 만 나타납니다



2. colorbutton을 먼저 선언하고 justify을 나중에 선택했을 때 나타나는 현상. colorbutton이 사라지고 정렬버튼만 나타납니다.

config.extraPlugins = 'colorbutton';
config.extraPlugins = 'justify'; {codeBox}

justify만-나타남

justify 만 나타납니다


ckeditor 플러그인 2개 동시에 선언하기

원인은 ckeditor config파일에 extraPlugins을 선언할 때 위 내용처럼 각각 선언을 하면 처음 설정을 덮어 쓴다는데 있습니다. 이렇게 하는게 아니라 아래 코드처럼 하나로 모아서 선언 해줘야 합니다. 이렇게 설정해주니 정상적으로 플러그인 2개가 나타났습니다.

config.extraPlugins = 'justify,colorbutton'; {codeBox}

플러그인-정상출력

정상적으로 2개 플러그인이 나타나는 모습