با روش زیر میتونید عکس دلخواه و به جای آیکون توی دراپ دان منو قرار دهید
1- برای زیرمنو اول داخل دراو دان منو، مقدار کلید icon را برابر none قرار دهید تا فضای قرار گیری آیکون ایجاد شود. ( برای بقیه زیرمنوها لزومی ندارد بگذارید)
2- کلید image را برای هر منو مثل حالت عادی مقدار دهی کنید
مثل زیر:
(function () {
// Create TinyMCE plugin for the shortcodes button
tinymce.create('tinymce.plugins.custom.btn',{
init: function (ed, url) {
// Add 'drop-down' button to the editor
ed.addButton(
'shortcodes',
{
type: 'menubutton',
text: 'شورتکدهای اختصاصی قالب',
menu: [
{
icon: 'none',
image:url+'/tinymce-icon-img/video.png',// Set the button icon
text:'افزودن لینک ویدیو',// Set a descriptive title for the button
onclick: function () {
// Execute command to insert video shortcode into the editor
ed.execCommand("mceInsertContent", false, "[video-link src=\"\"]");
},
},
{
image:url+'/tinymce-icon-img/quotation.png',// Set the button icon
text: 'افزودن باکس نقل قول',// Set a descriptive title for the button
onclick: function () {
// Execute command to insert qoute shortcode into the editor
ed.execCommand("mceInsertContent", false, "[quote text=\"\" name=\"\" ]");
},
}
],
}
);
},
});
// Add the 'shortcodes' plugin to the TinyMCE PluginManager
tinymce.PluginManager.add('shortcodes',tinymce.plugins.custom.btn);
})();