在Tiny 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!!'); 
    } 
    }); 
}