CKEditor自动从div中剥离类

Ckeditor

小胖Gil

2020-08-03

在网站上使用CKEditor作为后端编辑器。尽管它似乎想在每次按下源按钮时都将代码更改为适合自己的样子,但仍使我转弯。例如,如果我点击源代码并创建一个<div>...

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

然后,它没有明显的原因将类从中剥离<div>,因此当我再次点击source时,它已更改为...

<div>some content</div>

我认为可以在中关闭这种令人讨厌的行为config.js,但是我一直在挖掘并且无法在文档中找到任何内容来关闭它。

第4267篇《CKEditor自动从div中剥离类》来自Winter(https://github.com/aiyld/aiyld.github.io)的站点

7个回答
卡卡西Near 2020.08.03

如果使用drupal,则另一种选择是简单地添加要使用的css样式。这样,它不会删除样式或类名。

所以在我的情况下,在drupal 7的css选项卡下,只需添加类似

facebook = span.icon-facebook2

还要检查是否启用了字体样式按钮

飞云 2020.08.03

我想添加此config.allowedContent = true; 需要添加到ckeditor.config.js文件而不是config.js,config.js对我没有任何帮助,但将其添加到ckeditor.config.js的顶部区域使我的div类

番长 2020.08.03

我发现切换为使用完整html而不是过滤的html(在“文本格式”下拉框中的编辑器下方)对我来说已解决了此问题。否则,样式将消失。

Vicky 2020.08.03

编辑:此答案适用于在drupal中使用ckeditor模块的用户。

我找到了不需要修改ckeditor js文件的解决方案。

这个答案是从这里复制的所有学分应归原作者所有。

转到“管理>>配置>> CKEditor”;在个人资料下,选择您的个人资料(例如完整)。

编辑该配置文件,然后在“高级选项>>自定义JavaScript配置”中添加config.allowedContent = true;

在此处输入图片说明

不要忘记在“性能”标签下刷新缓存。

Me无敌小哥 2020.08.03

请参考官方的高级内容过滤器指南插件集成教程

关于此强大功能,您会发现更多。另请参阅config.extraAllowedContent,它看起来很适合您的需求。

别坑我 2020.08.03

这在ckeditor中称为ACF(自动内容过滤器)。它会删除所有不必要的标记,即我们在文本内容中使用的标记。在config.js文件中使用此命令应关闭此ACK。

config.allowedContent = true;
null 2020.08.03

如果您使用的是ckeditor 4.x,则可以尝试

config.allowedContent = true;

如果您使用的是ckeditor 3.x,则可能出现此问题

尝试将以下行放在config.js中

config.ignoreEmptyParagraph = false;

问题类别

JavaScript Ckeditor Python Webpack TypeScript Vue.js React.js ExpressJS KoaJS CSS Node.js HTML Django 单元测试 PHP Asp.net jQuery Bootstrap IOS Android