在将按钮添加到tinyMCE编辑器时,如何使它们换行到下一行和/或显示在“Kitchen Sink”区域?

时间:2011-03-31 作者:Industrial Themes

我正在Wordpress中成功地将按钮添加到TinyMCE编辑器中,但问题是它们都显示在厨房水槽按钮的右侧,我有太多的按钮,我需要它们显示在新的一行上。如何使按钮换行到下一行和/或为自定义按钮创建新行?这是我的代码:

tinymce.create(\'tinymce.plugins.boxlight\', {
    init : function(ed, url) {
        ed.addButton(\'boxlight\', {
            title : \'Add a light content box\',
            image : url+\'/images/box-light.png\',
            theme_advanced_buttons3_add : \'boxlight\',
            onclick : function() {
                 ed.selection.setContent(\'[box_light]\' + ed.selection.getContent() + \'[/box_light]\');

            }
        });
    },
    createControl : function(n, cm) {
        return null;
    },
});

tinymce.PluginManager.add(\'boxlight\', tinymce.plugins.boxlight);
这段代码只是将按钮添加到TinyMCE主工具栏,我不知道如何将按钮添加到新工具栏。

1 个回复
最合适的回答,由SO网友:t31os 整理而成

我想你也在添加一个过滤器mce_buttons 将按钮添加到,类似。。

add_filter( \'mce_buttons\', \'add_my_tinymce_buttons\' );

function add_my_tinymce_buttons( $items ) {
    $items[] = \'your-button\';
    return $items;
}
只需将过滤器换成挂钩即可mce_buttons_2 相反,按钮将出现在第二行,例如。。

add_filter( \'mce_buttons_2\', \'add_my_tinymce_buttons\' );
希望有帮助:)

结束