懂你所需,做你所想
当前位置:首页 > 新闻中心 > 网站建设 > 详解ckeditor网站编辑器内容过滤配置

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

发表日期:2014-10-19文章编辑:方维网络浏览次数:2160 标签: ckeditor    网站编辑器    网站编程    

    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的标签也会被过滤,而且其他属性会被过滤;
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过滤是非常强大的,里面的水实在太深了,欢迎有兴趣的程序员一起探讨和研究。
 
如没特殊注明,文章均为方维网络原创,转载请注明来自http://www.szfangwei.cn/news/2309.html
相关新闻

为什么高端网站定制公司价...

今天我们谈高端网站定制,主要区别于模板建站、CMS建站、自助建站...

日期:2014-10-19 浏览次数:674

方维网络谈哪些网站可以用...

互联网发展已越来越成熟,国内外CMS多如牛毛,国内比较出名的有dedec...

日期:2014-10-19 浏览次数:1029

方维网络谈商城网站快递单...

随着网上商城的发展,快递单网页打印变得越来越有必要,尤其是当订单...

日期:2014-10-19 浏览次数:888

简单的商城网站建设功能

网站功能需求:配后台统计系统 制作一个项目搜索的网站, 1、账户注...

日期:2014-10-19 浏览次数:633

企业网站建设大纲

本内容大纲适用于本公司英文网站主网站以及附属的2个副网站。 第...

日期:2014-10-19 浏览次数:654

犬类血统库三期网站建设

犬类血统库皆再打造一个中国犬类血统平台,方便广大浏览者资料查询...

日期:2014-10-19 浏览次数:656