1

我想为 TinyMCE 5 中的自定义菜单项添加一些样式。我可以向该项目添加 CSS 类还是可以添加一些内联样式？

这是创建自定义菜单项的基本代码的小提琴 - 因为它似乎在这里不起作用：

https://jsfiddle.net/bhdwtp3m/

tinymce.init({
  selector: '#mytextarea',
  menu: {
        custom: { title: 'Custom Menu', items: 'undo redo myCustomMenuItem' }
    },
    menubar: "file | edit | custom",
    setup: function (editor) {
        editor.ui.registry.addMenuItem('myCustomMenuItem', {
            type: 'menuitem',
            text: 'Custom menu item',
        });
    }
});
<script src="https://cdn.tiny.cloud/1/no-api-key/tinymce/5/tinymce.min.js" referrerpolicy="origin"></script>
<textarea id="mytextarea">Hello, World!</textarea>

4

1 回答 1

1

很抱歉，但不支持通过添加类或 ID 来设置 TinyMCE 中单个工具栏按钮的样式。原因在于 CSS 的本质——它的名字就在那里：级联……如果 TinyMCE CSS 发生变化，它会渗入任何第三方 UI，可能会破坏它。有时我们还需要改变 UI 组件的 DOM 结构。

虽然许多开发人员确切地知道如何处理这个问题，但仍有许多开发人员会用给他们的所有绳索上吊。此外，我们有大量客户在我们的云之外运行 TinyMCE，因此始终运行最新版本。如果他们像这样自定义样式，TinyMCE 可能会在没有警告的情况下为他们中断，我们不能这样做。

如果您知道自己在做什么，我建议您研究 CSS 伪类选择器，例如:nth-child()和:nth-of-type()

于 2020-11-17T10:13:10.337 回答