更改CKEditor标头的字体，并在下拉菜单中反映出来

Question

我是否可以在CKEditor的编辑器对话框中更改默认标题字体（即h1,h2），以便它们同时显示在文本区域和段落格式下拉菜单中。我一直在浏览css文件并将以下代码放在 /skins/moono/editor.css 中：

.cke_reset_all h1, .cke_reset_all h2 {
    font-size: 25px;
    font-family: Rockwell, Georgia, Helvetica, Tahoma, Arial, 'Times New Roman', serif; 
}

但它没有任何效果。我想知道这是否是我必须在Javascript方面做的事情。有什么想法吗？

Answer 1

您可以在CSS中使用!important属性来强制使用浏览器，如下所示

.cke_reset_all h1, .cke_reset_all h2 {

 font-size: 25px !important;

 font-family: Rockwell, Georgia, Helvetica, Tahoma, Arial, 'Times New Roman', serif !important; 

}

将其写为!important。它将覆盖以前的所有CSS。

Answer 2

将这些规则放在主CKEditor目录的contents.css文件中：

h1, h2 {
    font-size: 25px;
    font-family: Rockwell, Georgia, Helvetica, Tahoma, Arial, 'Times New Roman', serif; 
}

这足以在格式下拉列表和编辑器内容中设置标题样式。