CKEditor 스타일 리스트에 스타일 추가하기 

ckeditor/styles.js 파일을 수정합니다. 

CKEDITOR.stylesSet.add( 'default', [
     {
        name: 'r8 #999 default',
        element: 'div',
        styles: {
            padding: '5px 10px',
            background: '#999',
            border: '1px solid #ccc',
            'border-radius': '8px 8px 8px 8px'
        }
    },
] );

wordcount

다운로드 > 출처에서다운로드 또는 여기를 클릭 

설치 위치
> ckeditor/plugins/wordcount

설정 추가 ckeditor/config.js

config.extraPlugins = 'wordcount,notification';

 

config.wordcount = {

    // Whether or not you want to show the Paragraphs Count
    showParagraphs: true,

 

    // Whether or not you want to show the Word Count
    showWordCount: true,

 

    // Whether or not you want to show the Char Count
    showCharCount: false,

 

    // Whether or not you want to count Spaces as Chars
    countSpacesAsChars: false,

 

    // Whether or not to include Html chars in the Char Count
    countHTML: false,
    
    // Maximum allowed Word Count, -1 is default for unlimited
    maxWordCount: -1,

 

    // Maximum allowed Char Count, -1 is default for unlimited
    maxCharCount: -1,

 

    // Add filter to add or remove element before counting (see CKEDITOR.htmlParser.filter), Default value : null (no filter)
    filter: new CKEDITOR.htmlParser.filter({
        elements: {
            div: function( element ) {
                if(element.attributes.class == 'mediaembed') {
                    return false;
                }
            }
        }
    })
};

spacingsliders  for ckeditor

다운로드> 여기클릭

설치 위치
> ckeditor/plugins/spacingsliders

설정 추가 
> config.extraPlugins = 'spacingsliders';

CKEditor Plugins <Hkemoji>

다운로드 경로 > https://ckeditor.com/cke4/addon/hkemoji   또는 여기클릭

설치경로> ...ckeditor/plugins/hkemoji

[환경 설정]

ckeditor/config.js

config.extraPlugins = 'hkemoji';

config.toolbar = [
...    
{ name: 'insert3', items: [ 'HKemoji' ] },
...     
 ];

코드스니펫 테마 변경합니다. 

var cow = new Mammal( "moo", {
	legs: 4
} );

 하이구야