Question

我正在使用CKeditor，我想在我的文本中为许多段落设置margin-top和margin-bottom，但它不起作用。这些是我迄今为止所尝试过的：

1-直接在编辑器中使用margin top

//[@id='corpoVotacao']/div[1]/div[1]/div/div/p[1]/text()[1]

2-我在contents.css中添加了一个新样式：

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

然后在编辑中我写道：

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

两种方式都不起作用，我正在使用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)';

除了CKEditor自己的my.css之外，还会加载contents.css，并指示CKEditor允许<p>个标记带有class属性，名为＆＃34; ex1＆＃34;和＆＃34; ex2＆＃34;，所以你可以拥有<p class="ex1">What are tokens?</p>

更多信息： contentsCss和extraAllowedContent

如何支持CKeditor的保证金最高和保证金底部

1 个答案: