如何在CKeditor中支持页边空白顶部和页边空白底部

Question

我正在使用CKeditor，我想为文本中的许多段落设置页边空白顶部和页边空白底部，但它不起作用。这些是我迄今为止尝试过的：

1-直接在编辑器内部使用页边空白

<h2 style="margin-top:40px">What are tokens?</h2>

2-我为contents.css:添加了一个新样式

p.ex1 
{
margin-top: 100cm;
}

然后在编辑中我写道：

<p class="ex1">What are tokens?</p>

这两种方法都不适用，我使用的是CKeditor v4.6.2的完整工具栏

还有其他方法可以尝试吗？

Answer 1

您需要告诉CKEditor加载您的CSS规则，并允许您的class属性在<p>标签中：

创建一个新文件，比如my.css，并将其放在CKEditor根文件夹中。在my.css中键入您的属性，例如：

p.ex1 
{
margin-top: 100px;
}
p.ex2 
{
margin-top: 50px;
}

现在，在您的config.js中键入以下内容：

config.contentsCss = [CKEDITOR.getUrl('contents.css'), CKEDITOR.getUrl('my.css')];
config.extraAllowedContent = 'p(ex1,ex2)';

这将加载my.css以及CKEditor自己的contents.css，并指示CKEditor允许<p>标签具有名为"ex1"one_answers"ex2"的class属性，因此您可以使用<p class="ex1">What are tokens?</p>

更多信息：contentsCss和extraAllowedContent