详解ckeditor网站编辑器内容过滤配置-领先建站CMS提供服务商我们专注于CMS建站产品的研发

2889 查看	3 回复

主题：[分享]详解ckeditor网站编辑器内容过滤配置 [收藏主题]

转到：

xjxy 当前离线

322 主题	1 广播	2 粉丝

级别:三年级

用户积分:3493 分
登录次数:379 次
注册时间:2006/9/20
最后登录:2020/3/3

xjxy 发表于：2014/12/25 16:18:27 | 只看该作者查看该作者主题楼主

有课程找生源就上科汛课堂街

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标签必须的. 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 - 表示以上标签都被接受，其他都会被过滤。

有课程找生源就上科汛课堂街