javascript - TinyMCE 堆栈类

Question

我使用 TinyMCE 4 作为我的默认编辑器。在配置中我指定了样式格式。除了一件事之外，它完全有效:它堆叠类。

我的风格格式:

style_formats: [
        { title: 'Heading 2', block: 'h2', classes: 'heading-02' },
        { title: 'Heading 3', block: 'h3', classes: 'heading-03' },
        { title: 'Heading 4', block: 'h4', classes: 'heading-04' },
        { title: 'Heading 5', block: 'h5', classes: 'heading-05' },
        { title: 'Text', block: 'p', classes: 'copy-02' },
    ],

选择文本并切换格式后，最终结果如下所示:

<h4 class="heading-02 heading-03 heading-04">example</h4>

显然除了 header-04 之外不应该有其他类。但无论如何它还是添加了它们。

因此，我的问题是，如何确保格式切换后只有 1 个类。

Answer 1

添加 style_formats_merge: true

样式格式合并

此选项允许您设置 TinyMCE 是否应将 style_formats 设置中的样式附加到默认样式格式或完全替换它们。

Source