将tinymce工具栏图标更改为文本

Question

如何将微小的mce编辑器工具栏图标更改为文本？

我希望这些图标成为文字按钮。

Answer 1

TinyMCE在各个地方为工具栏添加按钮。方法addButton（位于tinymce/classes/Editor.js文件中）是用于向工具栏添加按钮的方法：

https://www.tinymce.com/docs/api/tinymce/tinymce.editor/#addbutton

如果要将所有图标更改为文本字符串，则需要找到将每个按钮添加到工具栏的代码，并将调用修改为addButton以不使用图标。

例如，print插件具有以下代码：

editor.addButton('print', {
    title: 'Print',
    cmd: 'mcePrint'
});

...你可以改为：

editor.addButton('print', {
    title: 'Print',
    cmd: 'mcePrint',
    text: 'Custom Print'
});

然后，您会在工具栏上看到文本Custom Print而不是图标。

一句警告 - 核心编辑器代码添加了一些按钮，插件添加了一些按钮。如果您真的想要替换 所有 按钮的图标，则必须在TinyMCE中修改相当数量的代码，这将使编辑器的升级更加困难。