TinyMCE 4 - SplitButton 内的自定义 HTML答案

【问题标题】：TinyMCE 4 - Custom HTML inside the SplitButtonTinyMCE 4 - SplitButton 内的自定义 HTML
【发布时间】：2014-08-22 17:51:54
【问题描述】：

如何在拆分按钮下拉菜单中的 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？

干杯

【问题讨论】：

标签： javascript jquery wordpress tinymce tinymce-4

【解决方案1】：

如果您使用的是 TinyMCE 3.0，现在正在迁移到 TinyMCE 4+，您可以先尝试使用他们的 compat3x 插件，这将允许您根据此处提供的文档在不修改的情况下转换大部分旧插件：

TinyMCE compat3x plugin

【讨论】：

【解决方案2】：

就像你对 v3 所做的那样，你必须在 TinyMCE 渲染之后编辑 dom。要捕获渲染过程，请使用init_instance_callback

见：http://www.tinymce.com/wiki.php/Configuration%3ainit_instance_callback

这个答案是：https://stackoverflow.com/a/24557748/911718

【讨论】：