CKEditor会自动从div中删除类(class)。

148

我在我的网站上使用CKEditor作为后端编辑器。然而它让我感到非常苦恼,因为每当我点击源代码按钮时,它似乎都想按照自己的方式更改代码。例如,如果我点击源代码并创建一个<div>...

<div class="myclass">some content</div>

接着,它似乎毫无原因地从<div>中去掉了类(class),所以当我再次查看源代码时,它已经被更改为...

<div>some content</div>

我认为这种令人烦恼的行为可以在config.js中关闭,但我一直在查找文档中是否有关闭它的内容。


9
经过大量的搜索,我找到了解决办法。如果你进入config.js文件并将CKEDITOR.config.allowedContent = true;设置为真,它可以防止编辑器随意更改内容。 - Iain Simpson
13个回答

0

如果使用Drupal,另一个选项是直接添加您想要使用的CSS样式。这样它就不会剥离样式或类名。

因此,在我的情况下,在Drupal 7的CSS选项卡下,只需添加类似以下内容:

facebook=span.icon-facebook2

同时检查字体样式按钮是否已启用


0
我发现切换到使用完整的HTML而不是筛选后的HTML(在文本格式下拉框中)是解决我的问题的方法。否则,样式会消失。

0
我想要添加这个config.allowedContent = true; 到 ckeditor.config.js 文件中,而不是 config.js 文件中。对我来说,config.js 没有任何作用,但将其添加到 ckeditor.config.js 的顶部区域可以保留我的 div 类。

网页内容由stack overflow 提供, 点击上面的
可以查看英文原文,
原文链接