Tinymce 5.6.2 将按钮名称附加到工具栏按钮答案

【问题标题】：Tinymce 5.6.2 Append button names to toolbar buttonsTinymce 5.6.2 将按钮名称附加到工具栏按钮
【发布时间】：2021-04-25 13:34:34
【问题描述】：

我使用的是 Tinymce 5.6.2，在工具栏中，我们有用于某些操作的按钮（剪切、复制粘贴、粗体等）。我的问题是我想添加按钮标签（因为很少有人可能无法从其图标中理解按钮操作）。我们该怎么做。

在 tinymce 4.x 中，我们为 ex 的每个按钮设置了不同的类 mce-i-undo mce-i-redo mce-i-cut mce-i-copy 等，我能够使用这些类名附加按钮标签。

但现在在 tinymce 5.6.2 中，按钮之间没有这种区别。知道如何管理这些工具栏按钮的标签吗？提前致谢

TinyMCE 5.6.2 的新图像

旧的 TinyMCE 4.x（这是我想要实现的）

【问题讨论】：

标签： javascript jquery web-applications tinymce-4 tinymce-5

【解决方案1】：

我们可以为按钮自定义文本，如下所示。

tinymce.init({
  selector: '#editor',
  toolbar: 'myCustomToolbarButton',
  setup: function (editor) {
    editor.ui.registry.addButton('myCustomToolbarButton', {
      text: 'My Custom Button text',
      onAction: function () {
        alert('Button clicked!');
      }
    });
  }
});

https://www.tiny.cloud/docs/ui-components/toolbarbuttons/#howtocreatecustomtoolbarbuttons

【讨论】：