💻 آخرین فرصت یادگیری برنامه‌نویسی با آفر ویژه قبل از افزایش قیمت در ۵ آذر ماه (🎁 به همراه یک هدیه ارزشمند )
۰ ثانیه
۰ دقیقه
۰ ساعت
۱ اسماعیل آبابائی
اضافه کردن عکس دلخواه به جای آیکون در دراپ دان منو
بهنام مرادی حل شده توسط بهنام مرادی

با روش زیر میتونید عکس دلخواه و به جای آیکون توی دراپ دان منو قرار دهید

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

 

 

با سلام

از به اشتراک گذاشتن کدهای کاربردی با هم دوره هاتون بسیار متشکریم. قطعا کاربردی خواهد بود.

موفق باشید

بهترین پاسخ
بهنام مرادی ۱۸ اسفند ۱۴۰۲، ۱۷:۵۴