jquery - 更改 CKEditor 标题的字体并将其反映在下拉菜单中

Question

有没有办法可以h1,h2在 CKEditor 的编辑器对话框中更改默认标题字体（即 ），以便它们同时出现在文本区域和段落格式下拉菜单中。我一直在浏览 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

您可以使用!importantCSS 中的属性来强制浏览器使用它，如下所示

.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

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

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

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