아래글에 이어서
Ckeditor에 스킨 설치하는 방법을 설명드립니다.
https://ckeditor.com/cke4/addons/skins/all 에 가면 몇가지의 스킨들이 존재합니다.
그 중에 Moono 와 Moono Dark, Moono-Lisa 는 기본으로 설치가 되어 있습니다.
그럼 다른 스킨을 설치하는 방법을 설명드립니다.(예제로 moonocolor)
일단 해당 스킨을 클릭해서 들어가면 스크린샷이 보입니다.
마음에 들면 Download를 클릭하면 파일이 다운되면서 설치 팝업창이 출력됩니다.
moonocolor_4.5.1.zip 압축을 풀어서 moonocolor폴더를 업로드합니다.
/common/js/plugins/ckeditor/ckeditor/skins/moonocolor
만약 아래의 글에서 플러그인 config.js를 만들었다면 편집을 하시면 되고 없다면 만드시면 됩니다.
/common/js/plugins/ckeditor/ckeditor/config.js
CKEDITOR.editorConfig = function( config ) {
config.language = 'ko';
config.uiColor = '#E8F3F8';
config.skin = 'moonocolor';
};
빨간색부분이 스킨을 설정하는 부분입니다.
config.language = 'ko'; 은 언어설정(예:en은 영어)
config.uiColor = '#E8F3F8'; 은 배경색상을 지정
moonocolor스킨과 바탕색 #E8F3F8를 지정한 모습입니다.