[CKEeditor] smiley 이미지 추가하기 > 기술자료

• 목록
• 게시판 리스트 옵션
  • 검색

smiley 에 이미지를 추가로 삽입하고자 할때 방법입니다.

1. ckeditor / plugins / smiley / images 에 이미지를 업로드 합니다.


2. ckeditor / config.js 에 아래 내용을 추가합니다.

    config.smiley_columns = 5; // 한줄에 표시될 이미지개수
    config.smiley_images = [
        'angel_smile.gif'
    ,    'angel_smile.png'
    ,    'angry_smile.gif'
    ,    'angry_smile.png'
    ,    'broken_heart.gif'
    ,    'broken_heart.png'
    ,    'confused_smile.gif'
    ,    'confused_smile.png'
    ,    'cry_smile.gif'
    ,    'cry_smile.png'
    ,    'devil_smile.gif'
    ,    'devil_smile.png'
    ,    'embaressed_smile.gif'
    ,    'embarrassed_smile.gif'
    ,    'embarrassed_smile.png'
    ,    'envelope.gif'
    ,    'envelope.png'
    ,    'heart.gif'
    ,    'heart.png'
    ,    'kiss.gif'
    ,    'kiss.png'
    ,    'lightbulb.gif'
    ,    'lightbulb.png'
    ,    'omg_smile.gif'
    ,    'omg_smile.png'
    ,    'regular_smile.gif'
    ,    'regular_smile.png'
    ,    'sad_smile.gif'
    ,    'sad_smile.png'
    ,    'shades_smile.gif'
    ,    'shades_smile.png'
    ,    'teeth_smile.gif'
    ,    'teeth_smile.png'
    ,    'thumbs_down.gif'
    ,    'thumbs_down.png'
    ,    'thumbs_up.gif'
    ,    'thumbs_up.png'
    ,    'tongue_smile.gif'
    ,    'tongue_smile.png'
    ,    'tounge_smile.gif'
    ,    'whatchutalkingabout_smile.gif'
    ,    'whatchutalkingabout_smile.png'
    ,    'wink_smile.gif'
    ,    'wink_smile.png'
    ,    '이미지파일명'
    ];


참고자료
https://ckeditor.com/addon/smiley 
https://github.com/ckeditor/ckeditor-dev/tree/master/plugins/smiley