将按钮附加到 MCE 工具栏而不是替换（插件）

Question

我正在尝试向 tinyMCE 添加一个插件（textcolor 插件），我已经设法让它工作了。但是，工具栏有一个我似乎无法弄清楚的小问题。即，如何添加插件中的按钮而不是替换现有工具栏？

我的初始化代码

//TinyMCE Test
tinymce.init({
    selector: '.editor',
    branding: false,
    height : "200",
    plugins: "textcolor",
    toolbar: "forecolor backcolor"
});

我可以看到是这一行 toolbar: "forecolor backcolor" 在做，但我不知道如何追加。我已经看过 docs，但还是想不通。

插件之前

插件后

Answer 1

TinyMCE 无法附加到默认工具栏。自己定义工具栏后，您需要定义 100% 的要在工具栏上显示的内容。

从 TinyMCE 4.7.13 开始，默认工具栏是：

var defaultToolbar = 'undo redo | styleselect | bold italic |' + 
                     'alignleft aligncenter alignright alignjustify |' + 
                     'bullist numlist outdent indent | link image';

注： 此数据可在theme.js文件中找到。

将按钮附加到 MCE 工具栏而不是替换（插件）

Append button to MCE toolbar instead of replace (Plugins)

javascript

tinymce