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

Question

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

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

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

使用 TinyMCE 5.6.2 的新图像

.

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

Answer 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

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

Tinymce 5.6.2 Append button names to toolbar buttons

javascript

jquery

web-applications

tinymce-4

tinymce-5