Question

我在网站上使用CSS来设置项目的样式。

在我（自己开发的）CMS中，我使用CKEditor作为WYSIWYG编辑器。

我希望编辑器的样式与我网页上的内容相同。我的页面的CSS看起来像这样：

.content 
{
    ...
}
.content ul, .content ol 
{
    ...
}
.content p
{
    ...
}

但是CKEditor（contents.css）的样式表看起来像这样：

body
{
    ...
}
ol,ul,dl
{
    ...
}

h1,h2,h3,h4,h5,h6
{
    ...
}

有没有办法在一个样式表中创建它，或者编辑CKEditor，所以添加了div.content？

我找到了答案，将config.js更改为：

CKEDITOR.editorConfig = function( config ) {
    config.bodyClass = 'content'; //class that body needs to refer to
    config.contentsCss = '/css/beheer.css'; //your stylesheet

Answer 1

在 CKEDITOR 中，您为任何<div>元素撰写ol,ul,dl,h1,etc标记。

只需转到 CKEDITOR 中的源代码按钮，然后就可以按照自己的方式进行编辑。

Answer 2

就像我在startpost上编辑的那样，我自己找到了答案：

将config.js更改为：

CKEDITOR.editorConfig = function( config ) {
    config.bodyClass = 'content'; //class that body needs to refer to
    config.contentsCss = '/css/beheer.css'; //your stylesheet

CKEditor 4组合css

2 个答案: