如何在 CKEditor 的标题上更改下拉菜单中的字体标签？答案

【问题标题】：How to Change Font Label in Dropdown in CKEditor on headings?如何在 CKEditor 的标题上更改下拉菜单中的字体标签？
【发布时间】：2018-01-09 14:51:46
【问题描述】：

在 CKEditor 中，当我将样式从 Normal 更改为 H1、H2 或 H3 时，下拉菜单中的字体标签没有改变！

当用户自动更改标题样式时，我想更改字体标签。我该怎么做？

Content.css

h1
{
    font-size: 28px !important;
}
h2
{
    font-size: 24px !important;
}
h3
{
    font-size: 22px !important;
}
h4
{
    font-size: 20px !important;
}
h5
{
    font-size: 18px !important;
}

高亮的字体标签应该根据定义的css改变！我通过在 contents.css 中添加 css 来尝试上述方法，但它不起作用！

【问题讨论】：

添加HTML，我们只是不知道您使用的元素，所以我们无法知道在哪里更改以帮助您
CKEditor 只是按名称或 ID 定位！我觉得没必要加！如果有人是开发人员，他/她就知道！

标签： javascript html css ckeditor editor

【解决方案1】：

有两个不同的东西。

首先：以这种方式定义样式仅适用于CKEditor中文本的视觉方面。它不会自动更改字体大小。

第二：字体大小与 span 元素一起应用。您可以使用此按钮选择不同大小的h1 元素。要操作字体大小的可用选项，您可以使用fontSize_sizes，但它不会从 h1 样式表中自动检测它们。

请详细了解如何在 CKEditor 中管理样式：https://docs.ckeditor.com/ckeditor4/docs/#!/guide/dev_howtos_styles

【讨论】：