javascript - 如何在标题的CKEditor中的下拉菜单中更改字体标签？

在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尝试了上述方法，但是它不起作用！

最佳答案

有2件事。

第一：以这种方式定义样式仅适用于CKEditor中文本的视觉外观。字体大小不会自动更改。

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

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

关于javascript - 如何在标题的CKEditor中的下拉菜单中更改字体标签？，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/48170797/