服务热线 400-660-8066

上海网站建设
首页 站内资讯

上海网站建设

站内资讯
上海网站建设 / 站内资讯 / 行业资讯 / 正文

详解ckeditor网站编辑器内容过滤配置

来源: All文章
发布时间:2023-03-29 14:02:33

  ckeditor前身fckeditor,是国际上资质最老的网页编辑器,而且一直保留开源免费的政策,所以我也一直比较喜欢使用和研究,根据了解,不管是自动生成的代码质量、自由配置度、功能扩展性、浏览器兼容性方面都是非常好的。

  这里中企动力就大家经常遇到的编辑器源代码编辑模式时,很多内容标签会被编辑器自动过滤这个问题做下解释,其实ckeditor有个allowedContent属性,可以通过config.js配置,但是默认是开启的,主要功能是规定编辑内容允许的标签、标签的属性(attributes)、标签的样式(style)以及可以使用的类(class).如果要禁用内容过滤,很简单,下面一句话就可以搞定:

  在配置config.js文件增加一条配置语句config.allowedContent=true。

  但是可能你还会想深入了解allowedContent是怎么控制过滤功能的,比如如何设置允许哪些标签,只允许带哪些属性的标签、过滤什么标签、过滤什么属性、过滤什么样式等。其删除的规则很轻大,下面中企动力网站建设举个配置示例:

  CKEDITOR.replace('editor2',{allowedContent:'h1h2h3ppstrongem;'+'a[!href];'+'img(left,right)[!src,alt,width,height];'+'tabletrthtdcaption;'+'span{!font-family};'+''span{!color};'+'span(!marker);'+'delins'});这个

  h1h2h3ppstrongem-编辑器允许这些标签,但是任何属性都会被过滤;a[!href]-href属性对于a是必须的,也就是如果a没有href的标签也会被过滤,而且其他属性会被过滤;img(left,right)[!src,alt,width,height]-src属性是img标签必须的.altwidthheight属性可以有,但class属性必须是left或者righttabletrthtdcaption-表示这些标签都是允许的span{!font-family}span{!color}span(!marker)-表示span只接受包含font-family的style或者包含color的style,还有就是包含class=marker的spandelins-表示以上标签都被接受,其他都会被过滤。从这些规则可以看出,ckeditr过滤是非常强大的,里面的水实在太深了,欢迎有兴趣的程序员一起探讨和研究。

* 文章来源于网络,如有侵权,请联系客服删除处理。
在线 咨询

添加动力小姐姐微信

微信 咨询

电话咨询

400-660-8066

我们联系您

电话 咨询
微信扫码关注动力小姐姐 X
qr