代码之家 › 专栏 › 技术社区 › ZoFem

tinymce 4自定义类供用户使用

tinymce-4 tinymce

ZoFem · 技术社区 · 10 年前

如何将自定义类添加到tinymce 4?我希望有一个选择,用户可以在其中选择一个类以用于他们的文本。我不想使用像forecolor这样的标准插件,因为我想给我的用户提供一些可以使用的类。

简短示例:

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

红色
蓝色
绿色

我的自定义css.css

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

1 回复 | 直到 10 年前

Callidior 10 年前

您可以使用 style_formats 配置选项。TinyMCE文档提供了您所需的所有信息: http://www.tinymce.com/wiki.php/Configuration:style_formats

该选项中指定的样式将显示在下拉菜单中,可以作为内联样式和类应用。如果选择将类应用于所选元素,则可能需要使用 content_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'
});

推荐文章

Jagdish Sharma · 如何使用tinymce编辑器上载图像

7 年前

Rosamunda · Tinymce可以工作,但*某些*样式不会保存到数据库(?!)

7 年前

Matteo Pietro Peru · 从tinymce表中删除填充

7 年前

Antonio Baena Guerrero · 向symfony控制器添加TinyMCE插件

7 年前

Paul · 在页面加载时替换默认WYSIWYG引擎

7 年前

wut · 在EPiServer TinyMCE 2中更改StyleSelect菜单的内容(4.7.9)

7 年前

Tassisto Nidheesh · 如何允许文本框中的图像| ASP。净核心

7 年前

Adam · TinyMCE:自动保存插件和Ajax

7 年前

dewd · 是否可以在WORDPRESS插件管理页面中从tinymce编辑器中删除或配置菜单栏?

7 年前

stackjlei · 通过包导入删除TinyMCE注册消息

7 年前