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

【问题标题】：Change the font of CKEditor headers and have this reflected in the drop-down menu更改 CKEditor 标题的字体并将其反映在下拉菜单中
【发布时间】：2013-01-02 03:06:08
【问题描述】：

有没有办法可以在 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 方面做的事情。有什么想法吗？

【问题讨论】：

标签： jquery css ckeditor

【解决方案1】：

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

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

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

【讨论】：

【解决方案2】：

您可以在 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。

【讨论】：