过滤CKEditor HTML属性

时间:2013-03-29 23:54:49

标签: html ckeditor filtering

我发现很多关于在CKEditor提交数据时过滤完整HTML标签的帖子(例如:剥离SCRIPT,STYLE等)。我需要过滤的是特定属性,但保留原始标记。

例如,如果用户提交具有P,DIV或SPAN标记的数据,我很好,但如果他们提交具有STYLE属性的P,DIV或SPAN,我需要删除STYLE属性。< / p>

我似乎无法找到这一点,但对有见识的人开放。

1 个答案:

答案 0 :(得分:5)

您的问题有两种解决方案:

  1. (推荐)Advanced Content Filter (ACF)(自4.1起):

    CKEDITOR.replace( 'editor1', {
        allowedContent: 'span div p[id,class]; h1 a img hr table tr td ul ol li[*]{*}(*)'
    } );
    

    使用ACF,您可以精确指定编辑器接受(生成)哪些标签,属性,类和样式。见more about the rules。同时下载最新的4.1版本并使用官方高级内容过滤器示例。

  2. 第二个选项是dataProcessor(3.x,4.x):

    editor.dataProcessor.htmlFilter.addRules( {
        elements: {
            $: function( element ) { // you can specify p, div etc. here instead of $ (wildcard)
                if ( element.attributes.style ) {
                     console.log( 'Nuke style attr on' element );
                     delete element.attributes.style;
                }
            }
        }
    });