작은 MCE 커스텀 버튼의 기존 아이콘 사용

Question

커스텀 버튼에 기존 아이콘을 사용할 수 있습니까? (가 아닌 이미지)

나는이 시도했다, 그러나 그것은 작동하지 않습니다

tinymce.init({ 
    ... 

    toolbar: 'example' 

    setup: function(ed) { 
     ed.addButton('example', { 
     title: 'My title', 
     image: '../js/tinymce/plugins/example/img/example.gif', 
     classes: 'mce-ico mce-i-image', 
     onclick: function() { 
      ed.insertContent('Hello world!!'); 
     } 
     }); 
    } 
}); 

Answer 1

예 기존 아이콘을 사용할 수 있습니다.

기존 버튼에서 클래스 이름을 가져올 수 있습니다 (예 : "mce-i- image"를 입력 한 다음 새 버튼의 클래스 이름에 적용하지 않고 "mce-i-"접두어를 제거하고 나머지는 "image"로 사용합니다 - 아이콘 키로.

아래 예제를 개정했습니다.

예컨대

setup: function(ed) { 
    ed.addButton('example', { 
    title: 'My title', 
    icon: 'image', // This line sets the icon key. 
    onclick: function() { 
     ed.insertContent('Hello world!!'); 
    } 
    }); 
}