tinymce - 如何使用 TinyMCE 样式下拉菜单添加内联样式？

Question

我正在使用 TinyMCE，自定义样式下拉列表，我使用“content_css”属性来指定我要使用的 css 文件，例如：content_css：“css/example.css”

然后它将添加一个带有类名的跨度，例如：

<span class="style1">Hello World</span>

但是我怎样才能告诉 TinyMCE Style 下拉列表添加一个带有内联样式属性而不是类名的跨度呢？就像是：

<span style="color:#E01B6A; font-size:12px;background-color:#D6D4D5;">Hello World</span>

原因是我需要输出没有css文件引用的html代码，需要内联样式。

非常感谢

Answer 1

我自己在 TinyMCE 网站上找到了答案 - 可以使用style_formats列出所有内联样式

 // Style formats 
        style_formats: [
            { title: 'style1', inline: 'span', styles: { 'color': '#E01B6A','font-size':'12px','background-color':'#D6D4D5'} },
            { title: 'style2', inline: 'span', styles: { 'color': '#6F7575','font-size':'14px','background-color':'#ABF5EC'} },
            { title: 'style3', inline: 'span', styles: { 'color': '#000000','font-size':'16px','background-color':'#8357F2', 'font-weight':'bold'} }
         ],