
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标签必须的. alt, width, height属性可以有,但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过滤是非□□□常强大的,里面的水□□□□实在太深●了,欢迎有兴□□□趣的程序□□□□员一起探□□□讨和研究。