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

问题描述

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

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

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

---

使用 TinyMCE 5.6.2 的新图像

。

---

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

---

解决方法

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

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