CKEditor自动从div中剥离类

小哥 · 08月03日

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

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

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

<div>some content</div>

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

回答(7)
时间
路易
7 · 2020-08-03 14:18:27

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

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

facebook = span.icon-facebook2

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

飞云
6 · 2020-08-03 14:18:27

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

番长
5 · 2020-08-03 14:18:27

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

V
Vicky
4 · 2020-08-03 14:18:26

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

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

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

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

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

在此处输入图片说明

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

M
Me无敌小哥
3 · 2020-08-03 14:18:26

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

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

别坑我
2 · 2020-08-03 14:18:26

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

config.allowedContent = true;
西
西里
1 · 2020-08-03 14:18:26

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

config.allowedContent = true;

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

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

config.ignoreEmptyParagraph = false;

你的回答

加载中...
⌘+Return 发表
发表

温馨提示:登录后可发表评论或回复

关闭,朕知道了

扫码关注微信公众号或小程序