Question

这看起来应该很简单，但我很难搞清楚。我有一个tinymce实例，由于各种原因，我希望将所有工具栏项目放在一个长行上。问题是，所有项目都有点太多，所以我想创建一个自定义按钮并将工具栏项目放在那里。类似的东西：

tinyMCE.init({
       ...
        setup: function(editor) {
          editor.addButton('insertMenu', {
              type: 'listbox',
              text: 'Insert',
              icon: false,
              items: 'code link'
          });
        },
        toolbar1: 'insertMenu undo redo | bold italic |alignjustify | ...

显然这不起作用，因为项目：“代码链接”对于列表框不正确..但我希望它可以在tinyMCE中执行此类操作。是的，我查看了http://www.tinymce.com/tryit/3_x/menu_button.php等示例，但它们总是包含文本链接等。而我只是想重用现有的工具栏图标和功能。

Answer 1

你快到了。如果你想在初始化程序中内联你的按钮，你可以使用这样的东西，或者你最好将功能移到一个单独的插件中，并在初始化程序中需要它。 http://www.tinymce.com/wiki.php/Tutorials:Creating_a_plugin

editor.addButton('insertMenu', function() {
        var items = [{text: 'Option 1', value: 'option1Value'}, {text: 'Option 2', value: 'option2Value'}];

        return {
            type: 'listbox',
            text: 'select box title',
            tooltip: 'a tooltip',
            values: items,
            fixedWidth: true,
            onclick: function(e) {
                console.log('Value selected: ' + e.control.settings.value)
            }
        };
    });

TinyMce创建包含更多工具栏项的工具栏下拉列表

1 个答案: