时间戳

首页 > 解决方案 > 为 CKEditor 格式组合框中的项目设置样式？

css - 为 CKEditor 格式组合框中的项目设置样式？

问题描述

在 CKEditor 4 中，“样式”组合框中显示的项目与其样式一起显示，演示了如果选择该项目，文本将如何设置样式。

对于块级格式化的“格式”组合框项目，情况并非如此。有没有办法来解决这个问题？例如，通过“作弊”并为每个项目手动添加一个 CSS 类来模仿段落样式的外观？

标签： cssformatckeditorckeditor4.x

解决方案

您可以在 config.js 中添加它

  config.fontSize_style={
            element:        'font',
            attributes: { 'class': 'fs-#(size)' }
        };

这将为例如 class="fs-18" 添加 class="fs-selectedFontSize"。然后您必须在 contents.css 中为此类类添加样式或链接您的 CSS 文件。对于类似的技术，请访问CKEditor 指南的官方网站 https://ckeditor.com/docs/ckeditor4/latest/guide/index.html

推荐阅读