TinyMCE 4 style_formats不起作用

Question

我正在使用TinyMCE版本4.7.4和我的剃刀格式

我有ad style_formats选项和相关的样式表，但自定义格式没有出现在Formats下拉列表中，只是默认样式。

tinymce.init({
        selector: 'textarea',
        height: 200,
        theme: 'modern',
        menubar: false,
        toolbar1: 'formatselect | bold italic | numlist bullist',
        content_css: [
            '//fonts.googleapis.com/css?family=Lato:300,300i,400,400i',
            '@Url.Content("~/Content/css/rte/rte.tinymce.css")'
        ],
        style_formats: [
            { title: 'Red', inline: 'span', classes: 'header-bolded' }
        ]
    });

rte.tinymce.css CSS：

/**name:Header*/
h3{
    font-size: 1.2rem;
    color: #D3D63C;
}

/**name:Paragraph*/
p{font-size: 0.8rem;}

.header-bolded {
    color: #d6d63e;
}

在格式下拉列表中，我仍然有：段落，6标题和预格式化样式。

只有'Red'格式可用，不是吗？

Answer 1

您在该列表中看到的内容取决于各种设置：

https://www.tinymce.com/docs/configure/content-formatting/#style_formats https://www.tinymce.com/docs/configure/content-formatting/#style_formats_autohide https://www.tinymce.com/docs/configure/content-formatting/#style_formats_merge

如果我将style_formats设置放在干净的TinyMCE实例中，我就不会在格式选择列表中获得任何其他选项：

http://fiddle.tinymce.com/0ggaab

Answer 2

是同样的问题，评论线 // extended_valid_elements：“span”， 它有帮助

Answer 3

除了迈克尔·弗罗明（Michael Fromin）的答案之外，我想将其输入：

如果除了使用 style_formats 之外还使用 importcss 插件，则需要添加参数：

importcss_append：是

示例：

tinymce.init({ 
    selector:'textarea',
    //some custom styles to add to the Formats dropdown:
    style_formats: [
        { title: 'Bold text', inline: 'strong' },
        { title: 'Red text', inline: 'span', styles: { color: '#ff0000' } }
    ],

    //Using an external CSS file in addition to custom formats:
    content_css: "my.css",

    plugins: [
    "importcss" //if using the importcss plugin also
    ],
    importcss_append: true //make sure you add this
});