未显示文件中的CKEditor自定义样式

未显示文件中的CKEditor自定义样式,ckeditor,ckeditor4.x,Ckeditor,Ckeditor4.x,我似乎无法将自己的CSS文件添加到CKEditor中。我正在下载一个自定义版本4.5.8,其中包括。“样式”列表有默认样式,但不是我的css文件中的样式 这是代码: CKEDITOR.config.contentsCss = '../../../css/test.css'; CKEDITOR.replace('editor1'); 编辑器已成功加载,但“样式”列表不包含我的样式。我的css文件的位置似乎是正确的,当我尝试其他路径时,我会得到一个错误 这是我的test.css: .testSt

我似乎无法将自己的CSS文件添加到CKEditor中。我正在下载一个自定义版本4.5.8,其中包括。“样式”列表有默认样式,但不是我的css文件中的样式

这是代码:

CKEDITOR.config.contentsCss = '../../../css/test.css';

CKEDITOR.replace('editor1');
编辑器已成功加载,但“样式”列表不包含我的样式。我的css文件的位置似乎是正确的,当我尝试其他路径时,我会得到一个错误

这是我的test.css:

.testStyle {
    color: red;
    font-family: "Arial Black", arial-black;
}
已尝试清除我的浏览器缓存。我在多个浏览器中尝试过

我尝试了另一件事:分别下载样式表解析器,将其放入plugins文件夹,并使用以下代码:

CKEDITOR.config.extraPlugins = 'stylesheetparser';
CKEDITOR.config.contentsCss = '../../../css/test.css';
CKEDITOR.replace('editor1');
“样式”列表仍然没有显示我的样式,但是当我编辑源代码并像这样放入样式时,样式将应用于编辑器中的文本(!):

测试文本

资料来源:


CKEditor中的样式需要一个元素,因此样式表解析器只识别包含元素和类名的规则。 您应该将CSS更改为

p.testStyle {
    color: red;
    font-family: "Arial Black", arial-black;
}

CKEditor中的样式需要一个元素,因此StyleSheetParser只识别包含元素和类名的规则。 您应该将CSS更改为

p.testStyle {
    color: red;
    font-family: "Arial Black", arial-black;
}

非常感谢。我很好奇这是否(以及在哪里)有记录?我想这是在不同的页面上记录的,对同一问题的回答,…在CKEditor 4.11.1中似乎不再是这样了。另一方面,无论谁有同样的问题,第一步都应该尝试切换到标准预设,如果可以,尝试识别冲突的插件,请参阅我的问题和答案:谢谢!我很好奇这是否(以及在哪里)有记录?我想这是在不同的页面上记录的,对同一问题的回答,…在CKEditor 4.11.1中似乎不再是这样了。另一方面,无论谁有相同的问题,第一步都应该尝试切换到标准预设,如果可以的话,尝试识别冲突的插件,请参见我的问题和答案: