将自定义格式移动到tinymce中的工具栏

时间:2014-04-23 10:25:42

标签: javascript jquery tinymce

我的格式下拉列表中有自定义格式,效果很好。如何将此格式作为按钮添加到工具栏中?

我的自定义格式如

custom_caption: {title: 'image caption', inline: 'span', classes: 'caption'}

我试图添加到

toolbar: 'someb_default_buttons | custom_caption'

但是没有用

我做错了什么?

1 个答案:

答案 0 :(得分:3)

你可以这样做:

tinymce.init({
    selector: "textarea",
    toolbar: "customFormat",
    setup: function(editor) {
        editor.addButton('customFormat', {
            text: 'My custom formatting',
            icon: false,
            onclick: function() {
                // Add the custom formatting
                editor.formatter.toggle('custom_caption');
            }
        });
    }
});

<强>更新

查看this fiddle

我猜这就是你想要的。使用此小提琴,您可以选择一些文字,点击My Custom Formatting按钮,文字将被<span class="caption">包围。