CKEditor-我在editor.css中的风格是't

CKEditor - my styles in editor.css aren't being applied

本文关键字：风格 我在 editor css CKEditor-      更新时间：2023-09-26

我正在尝试更改我的ckeditor实例区域中的默认字体颜色/大小等，但它对我不起作用。

在chrome inspector中，我可以将这种风格添加到标题中，它可以工作：

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

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

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

通过删除我的配置并一次添加一部分来解决这个问题。

第一行是

fullPage: true,

我从另一个使用全页的来源复制了这个。我不需要它，所以我把它拿走了。

根据文档，打开fullPage将停止contentsCss的实现。来自ckeditor文档：

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

然而，他们没有提到的是，将fullPage设置为true也会阻止加载对editor.css的任何更改。一旦它被删除，我的定制风格就在中大放异彩

方便提示：

contentsCSS不必指向css文件。你可以把直接的css放在那里，而不是url，就像一样

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

这将直接将这些样式应用于编辑器。由于文档中只提到样式表url，因此这似乎没有文档记录。

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

听起来你的CSS样式被覆盖了-试着添加！对每种风格都很重要，如下所示：

.cke_editable { 
color: #fff!important; 
font-size: 14px!important; 
font-family: "Calibri"!important;
}
相关文章：