OETY欧亿|Home

135-2716-3909
网站建设资讯详细

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

发表日期:2026-04-05 00:00:00   作者来源:OETY欧亿   浏览:10153   标签:ckeditor    网站编辑器    网站编程    
    ckeditor网页编辑器
    ckeditor前身fckeditor,是国际上□□□资质最老□□的网页编□□□辑器,而且一直✦保留开源□□□免费的政□□□策,所以我也□□□□一直比较□□□喜欢使用●和研究,根据了解,不管是自□□□动生成的□□□□代码质量、自由配置•度、功能扩展□□□性、浏览器兼□□□□容性方面▲都是非常□□□好的。
    
    这里OETY欧亿就大家经常遇到的编辑器源代码编辑模式时,很多内容◢标签会被□□□编辑器自◉动过滤这□□□个问题做◢下解释,其实ckeditor有个allowedContent属性,可以通过config.js配置,但是默认□□□是开启的,主要功能□□□□是规定编※辑内容允□□许的标签、标签的属□□□性(attributes)、标签的样◉式(style)以及可以□□使用的类(class).如果要禁□□□□用内容过□□滤,很简单,下面一句□□□□话就可以□□搞定:
在配置config.js文件增加一条配置语句config.allowedContent=true。

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

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的标签也会被过滤,而且其他属性会被过滤;

img(left,right)[!src,alt,width,height] - src属性是img标签必须的altwidthheight属性可以有,但class属性必须是left或者right

table tr th td caption - 表示这些标签都是允许的

span{!font-family}span{!color}span(!marker) - 表示span只接受包含font-family的style或者包含color的style,还有就是包含class=marker的span

del ins - 表示以上□□标签都被□□□□接受,其他都会□□被过滤。



    从这些规·则可以看□□出,ckeditr过滤是非□□□常强大的,里面的水□□□□实在太深●了,欢迎有兴□□□趣的程序□□□□员一起探□□□讨和研究。

 
如没特殊注明,文章均为OETY欧亿原创,转载请注明来自https://www.hd-banhen.com/news/2309.html