网络建站知识

精准传达 • 价值共享

洞悉互联网前沿资讯,探寻网站营销规律

ckeditor编辑器中添加class会自动去除解决方法

作者:狐灵科技 | 2019-07-02 10:16 |点击:


升级了ckeditor4.7.0  发现直接复制其他网站的文章样式会变 查看源代码发现没有样式了


这个方法复制文章还是不行 但是手动在源代码添加class 没问题


禁用内容过滤

最简单的解决方案是进入config.js和设置:

config.allowedContent = true;

记得清除浏览器的缓存)。然后CKEditor完全停止过滤输入的内容。但是,这将完全禁用内容过滤,这是最重要的CKEditor功能之一。

配置内容过滤

您还可以更精确地配置CKEditor的内容过滤器,以仅允许您需要的这些元素,类,样式和属性。这个解决方案要好得多,因为CKEditor仍会删除浏览器在复制和粘贴内容时产生的许多糟糕的HTML,但它不会删除你想要的内容。

例如,您可以扩展默认CKEditor的配置以接受所有div类:

config.extraAllowedContent = 'div(*)';

或者一些Bootstrap的东西:

config.extraAllowedContent = 'div(col-md-*,container-fluid,row)';

或者,您可以允许包含可选dir属性dtdd元素的描述列表

config.extraAllowedContent = 'dl; dt dd[dir]';

这些只是非常基本的例子。您可以编写所有类型的规则 - 需要属性,类或样式,仅匹配特殊元素,匹配所有元素。

 

如没特殊注明,文章均为狐灵科技原创,转载请注明  https://www.hulingweb.cn/jzzs/471.html
多一份免费策划方案,总有益处。

请直接添加技术总监微信联系咨询

网站设计 品牌营销

多一份参考,总有益处

联系狐灵科技,免费获得专属《策划方案》及报价

咨询相关问题或预约面谈,可以通过以下方式与我们联系

业务热线:023-68168040 / 大客户专线:15523356218