tinymce，配置内置按钮图标

Question

是否可以配置工具栏按钮styleselect和fontsizeselect 使用自定义图标而不是默认文本？如果是这样的话。到目前为止，我遇到的所有示例都涉及定义您自己的自定义按钮，这似乎只是用图标替换一些文本。

Answer 1

您可以更改这些内容的一种方法是使用en_US的语言文件并在其中添加替换项。要完成这项工作，您需要做两件事：

1 - 为您的init添加语言配置选项：

tinymce.init({ 
  selector: '#myTextArea',
  language: 'en_US',   //Force custom translations of button/menu text in English.
  ...
});

2 - 将en_US.js文件添加到TinyMCE中的langs文件夹中。
此文件是TinyMCE查找语言翻译的位置，因此如果您明确告诉TinyMCE使用en_US语言，它将在langs文件夹中查找与该语言同名的JS文件。然后，您可以将更新的翻译放在该文件中：

tinymce.addI18n('en_US',{
  "Formats": "Custom Formats Text",
  "Font Sizes": "Custom Font Size Text"
});

要查看您可以更改内容的所有选项，只需从此处获取语言文件：https://www.tinymce.com/download/language-packages/左侧的标签是“键”，右侧的值是“值”。当你在tinymce.init({})电话中没有包含对语言的引用时，“密钥”实际上是你用英语获得的。