Question

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

然后它会添加一个带有类名的span，例如：

<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'} }
         ],

如何使用TinyMCE Style下拉列表添加inlinestyle？

1 个答案: