Javascript TinyMCE 4-拆分按钮内的自定义HTML

Javascript TinyMCE 4-拆分按钮内的自定义HTML,javascript,jquery,wordpress,tinymce,tinymce-4,Javascript,Jquery,Wordpress,Tinymce,Tinymce 4,如何在拆分按钮下拉菜单中添加自定义HTML而不是TinyMCE 4中的常规按钮 ed.addButton('demo_button', { title: 'Demo Button', type: 'splitbutton', onclick: function() { }, menu: [ {

如何在拆分按钮下拉菜单中添加自定义HTML而不是TinyMCE 4中的常规按钮

ed.addButton('demo_button', {
            title: 'Demo Button',
            type: 'splitbutton',
            onclick: function() {

            },
            menu: [                 
                {   
                    text : 'Some Regular Button', onclick : function() {

                    }
                },
                {
                    //How to add some custom html for combo box here for example?
                }
            ]
        });
在TinyMCE 3的前一个版本中,我可以使用:

var c = cm.createSplitButton('demo_button', {
                title : 'Demo Button',
                onclick : function() {

                }
            });

            c.onRenderMenu.add(function(c, m) {
                m.onShowMenu.add(function(c,m){
                    var $menu = jQuery('#menu_'+c.id+'_co').find('tbody:first');
                    if($menu.data('added')) return;
                    $menu.append('SOME HTML HERE');
                    $menu.data('added',true);
                });
            });
所以基本上我的问题是如何将这段代码迁移到TinyMCE 4


干杯

就像使用v3一样,您必须在TinyMCE渲染后编辑dom。 要捕获渲染过程,请使用init_instance_回调

见:


这就是答案:

就像你在v3上做的那样,你必须在TinyMCE渲染后编辑dom。 要捕获渲染过程,请使用init_instance_回调

见:


这就是答案:

如果您使用的是TinyMCE 3.0,您现在正在迁移到TinyMCE 4+,可能您可以首先尝试使用他们的compat3x插件,这将允许您无需根据此处提供的文档进行修改即可转换大多数旧插件:


如果您使用的是TinyMCE 3.0,您现在正在迁移到TinyMCE 4+,可能您可以首先尝试使用他们的compat3x插件,这将允许您根据此处提供的文档无需修改即可转换大多数旧插件: