Question

我在ckeditor项目中使用了npm v.4.8.0。

我的配置如下：

CKEDITOR.editorConfig = function (config) {
   config.extraPlugins = 'stylesheetparser';
   config.contentsCss = '/static/ckeditor/custom/custom_styles.css';
   config.stylesSet = 'default';
   config.autoGrow_MaxHeight = 500;
};

文件在那里，路径是正确的，我编辑器中的DOM元素仍然是contents.css中定义的样式。

任何想法我可能做错了什么？

THX 罗恩

Answer 1

CKEditor 默认使用通过配置属性添加的 contents.css - contentsCss。

contentsCss: CKEDITOR.getUrl( 'contents.css' ),

https://github.com/ckeditor/ckeditor4/blob/cae20318d46745cc46c811da4e7d68b38ca32449/core/config.js#L287-L303

可能的原因是，您没有将正确的 CKEditor.config 传递给方法 - CKEDITOR.editorConfig。

如何调试：

检查网络选项卡，是否仍然加载了contents.css。
将断点放在前面并设置 contentsCss 并检查控制台中的值。

<块引用>

config.contentsCss = '/static/ckeditor/custom/custom_styles.css';

在运行应用程序时访问 CKEditor.config 并检查属性 contentsCss 是否正确设置。

您可以获得有关配置的更多详细信息： https://ckeditor.com/docs/ckeditor4/latest/api/CKEDITOR_config.html#cfg-contentsCss

ckeditor - contentsCss没有加载自定义样式

1 个答案: