http://webdir.tistory.com/487

 

사진 및 파일 첨부

여기에 파일을 끌어 놓거나 왼쪽의 버튼을 클릭하세요.

파일 크기 제한 : 0MB (허용 확장자 : *.*)

0개 첨부 됨 ( / )

CKEditor 스타일 리스트에 스타일 추가하기 
style_list.jpg

 

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'

        }
    },

] );

 

Atachment
첨부 '1'
사진 및 파일 첨부

여기에 파일을 끌어 놓거나 왼쪽의 버튼을 클릭하세요.

파일 크기 제한 : 0MB (허용 확장자 : *.*)

0개 첨부 됨 ( / )

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;
                }
            }
        }
    })
};

 

사진 및 파일 첨부

여기에 파일을 끌어 놓거나 왼쪽의 버튼을 클릭하세요.

파일 크기 제한 : 0MB (허용 확장자 : *.*)

0개 첨부 됨 ( / )

spacingsliders  for ckeditor

 

다운로드> 여기클릭

 

설치 위치
> ckeditor/plugins/spacingsliders

 

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

 

  • dodo 2018.11.09 06:40

    줄간격과 자간을 동시에 적용할수 없어 사용하지 않음 

사진 및 파일 첨부

여기에 파일을 끌어 놓거나 왼쪽의 버튼을 클릭하세요.

파일 크기 제한 : 0MB (허용 확장자 : *.*)

0개 첨부 됨 ( / )

CKEditor Plugins <Hkemoji>

 

Hkemoji.jpg

 

 

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

           

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

 

[환경 설정]

ckeditor/config.js

config.extraPlugins = 'hkemoji';


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

Atachment
첨부 '1'
  • dodo 2018.11.09 06:45

    적용시 이미티콘 이름을 직접 지정해 줘야 하는 문제가 있어서 사용하지 않음

    Arrow Right  XE 에디터 컴포넌트의 이모티콘을 사용하면 동일한 구성이 가능함 

사진 및 파일 첨부

여기에 파일을 끌어 놓거나 왼쪽의 버튼을 클릭하세요.

파일 크기 제한 : 0MB (허용 확장자 : *.*)

0개 첨부 됨 ( / )

목록
Board Pagination Prev 1 2 3 4 5 6 7 8 9 10 ... 23 Next
/ 23
rhwlsghkcocndgus XE1.9.2 STAGE1.5.2
서버에 요청 중입니다. 잠시만 기다려 주십시오...