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

2023-03-26    分类: 网站建设

ckeditor网页编辑器
ckeditor前身fckeditor,是国际上资质最老的网页编辑器,而且一直保留开源免费的政策,所以我也一直比较喜欢使用和研究,根据了解,不管是自动生成的代码质量、自由配置度、功能扩展性、浏览器兼容性方面都是非常好的。
这里创新互联就大家经常遇到的编辑器源代码编辑模式时,很多内容标签会被编辑器自动过滤这个问题做下解释,其实ckeditor有个allowedContent
属性,可以通过config.js配置,但是默认是开启的,主要功能是规定编辑内容允许的标签、标签的属性(attributes)、标签的样式(style)以及可以使用的类(class).如果要禁用内容过滤,很简单,下面一句话就可以搞定:
在配置config.js文件增加一条配置语句config.allowedContent=true。但是可能你还会想深入了解allowedContent是怎么控制过滤功能的,比如如何设置允许哪些标签,只允许带哪些属性的标签、过滤什么标签、过滤什么属性、过滤什么样式等。其删除的规则很轻大,下面创新互联网站建设举个配置示例:CKEDITOR.replace( 'editor2', { allowedContent: 'h1 h2 h3 p blockquote strong em;' + 'a[!href];' + 'img(left,right)[!src,alt,width,height];' + 'table tr th td caption;' + 'span{!font-family};' +' 'span{!color};' + 'span(!marker);' + 'del ins'} );这个h1 h2 h3 p blockquote strong em - 编辑器允许这些标签,但是任何属性都会被过滤;a[!href]- href属性对于a是必须的,也就是如果a没有href的标签也会被过滤,
而且其他属性会被过滤;

网页题目:详解ckeditor网站编辑器内容过滤配置
本文URL:https://www.cdcxhl.com/news/247740.html

成都网站建设公司_创新互联,为您提供Google微信小程序品牌网站设计动态网站手机网站建设静态网站

广告

声明:本网站发布的内容(图片、视频和文字)以用户投稿、用户转载内容为主,如果涉及侵权请尽快告知,我们将会在第一时间删除。文章观点不代表本网站立场,如需处理请联系客服。电话:028-86922220;邮箱:631063699@qq.com。内容未经允许不得转载,或转载时需注明来源: 创新互联

营销型网站建设