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

时间:2018-05-21 15:18:18

标签: javascript tinymce

我正在尝试为tinyMCE(textcolor插件)添加一个插件,我已经设法让它正常工作。但是,工具栏中存在一个小问题,我似乎无法弄清楚。即,如何添加插件中的按钮而不是替换现有的工具栏?

我的初始代码

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

我可以看到正是这条线toolbar: "forecolor backcolor"正在这样做,但我无法弄清楚如何追加。我看过docs,但仍然无法理解。

插件之前 enter image description here

插件后 enter image description here

1 个答案:

答案 0 :(得分:2)

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文件中找到。