如何在标题中更改CKEditor中Dropdown中的字体标签？

Question

在 CKEditor 中，当我将样式从正常更改为 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来尝试上述操作，但它不起作用！

Answer 1

有两件事。

首先：以这种方式定义样式仅适用于CKEditor中文本的视觉方面。对于font-size，它不会自动更改。

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

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