tinymce 4供用户使用的自定义类

如何向tinymce 4添加自定义类？我想有一个选择，用户可以选择一个类来使用他们的文本。我不想使用像forecolor这样的标准插件，因为我想给我的用户提供一些可以使用的类

简短示例：

tinymce编辑器“选择类”（工具栏中的按钮）

• 红色的
• 蓝色的
• 绿色的

my_custom_css.css

.red { color: red; }
.blue { color: blue; }
.green { color: green; }

---

您可以为此使用

style\u格式

配置选项。TinyMCE文档提供了您需要的所有信息：

该选项中指定的样式将显示在下拉菜单中，可以作为内联样式和类应用。如果选择将类应用于所选元素，则可能希望使用

content\u css

选项为编辑器的内容包含自定义样式表

在您的示例中，配置的各个部分如下所示：

tinymce.init({
    ...
    style_formats: [
        {title: 'Red', inline: 'span', classes: 'red'},
        {title: 'Green', inline: 'span', classes: 'green'},
        {title: 'Blue', inline: 'span', classes: 'blue'}
    ],
    content_css: 'my_custom_css.css'
});

---

是的，谢谢！这很有效。我不知道我是如何忽略了文档的这一部分。@Callidior:如果我想更改首字母的字体大小怎么办？@AnandDwivedi:在

style\u格式

配置中添加一个合适的类（例如“initial”），并在自定义样式表中定义它，如下所示：

.initial:：first letter{font size:2em；}

使用

：：第一个字母

伪类：@Callidior:正如您为第一个字母建议的，它不适用于样式。但在同一个类中，如果我们定义颜色，它就会起作用。或者你能提供任何使用tinyMCE大号首字母的提琴或url吗