javascript - TinyMCE 4 - SplitButton 内的自定义 HTML

Question

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

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？

干杯

Answer 1

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

TinyMCE compat3x plugin