更改TinyMCE删除格式化按钮的工具提示

Question

我想更改TinyMCE 4“删除格式化”按钮的工具提示：

从“清除格式”到“清除所选格式”。但我无法找到TinyMCE代码中定义此按钮的位置。

有人能指出我的ed.addButton代码吗？

由于

Answer 1

从外观上看，您正在寻找的是：

<span id="mceu_61-text" class="mce-text">Clear formatting</span>

因此，简单的JS搜索和重写内部HTML将起作用。但是，如果没有选择任何内容，则此按钮将清除文本上的所有格式，或者仅在有选择时清除所选文本。 （注意元素的id将根据你加载的工具栏而改变，该行是从全功能演示中获取的）

虽然实际的硬编码字符串似乎位于

中

  

TinyMCE的/类/ UI / FormatControls.js

第300行

removeformat: ['Clear formatting', 'RemoveFormat'],

Answer 2

您可以更改这些内容的一种方法是使用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',{
  "Clear formatting": "Custom Clear Formatting Text"
});

要查看您可以更改内容的所有选项，只需从此处获取语言文件：https://www.tinymce.com/download/language-packages/左侧的标签是＆＃34;键＆＃34;而右边的值是＆＃34;值＆＃34;。 ＆＃34;键＆＃34;如果你在tinymce.init({})电话中没有包含对某种语言的引用，那么这就是你用英语得到的。

这样做的好处是您不会更改TinyMCE代码本身，因此您可以更轻松地更新TinyMCE，因为您不需要继续重新创建更改。