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

时间:2021-01-21 06:32:15

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

我使用的是 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 的新图像

With TinyMCE 5.6.2


旧的 TinyMCE 4.x(这是我想要实现的)

With TinyMCE 4.x


1 个答案:

答案 0 :(得分:0)

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

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