CKEditor - 我在editor.css中的样式没有被应用

Question

我试图更改ckeditor实例区域中的默认字体颜色/大小等，但它不适合我。

在chrome检查器中，我可以将此样式添加到标题中，它可以正常工作：

.cke_editable { 
    color: #fff; 
    font-size: 14px; 
    font-family: "Calibri";
}

然而，当我将它添加到我的editor.css时，它没有任何效果。我在开始和结束时都尝试过，没有成功。当我重新加载并检查检查器中的资源时，正在加载正确的css文件 。为什么我的风格没有应用？

当我检查iframe时，标题中的style标记也不包含样式。

Answer 1

通过删除我的配置并一次重新添加一部分来计算出来。

第一行是

fullPage: true,

我从另一个使用fullpage的来源复制了这个。我不需要它所以我删除了它。

根据文档，有fullPage on将停止正在实现的contentsCss。来自ckeditor documentation：

  

注意：内联编辑器会忽略此配置值，因为它使用直接来自呈现CKEditor的页面的样式。在完整页面模式下，它也会被忽略，开发人员可以完全控制HTML。

然而，他们没有提到的是将fullPage设置为true也将阻止对editor.css的任何更改被加载。删除后，我的自定义样式通过

闪耀

方便提示：

contentsCSS 不必须指向css文件。你可以直接把css放在那里而不是网址，就像这样

contentsCss: '.cke_editable { color: #fff; font-family: Calibri; font-size: 14px; } ',

这会将这些样式直接应用于编辑器。这似乎没有记录，因为文档只提到样式表网址。

Answer 2

您需要更改主ckeditor文件夹中的content.css或添加以下设置http://docs.ckeditor.com/#!/api/CKEDITOR.config-cfg-contentsCss

Answer 3

听起来你的CSS样式被覆盖了 - 尝试添加！重要的每个样式如下：

.cke_editable { 
color: #fff!important; 
font-size: 14px!important; 
font-family: "Calibri"!important;
}