CKEditor语言 - 过滤html而不创建编辑器实例

Question

是否有办法做到像CKEditor.filter('some html'); ?如何使用默认规则创建filter实例并使用它?

Answer 1

这很简单。你所要做的就是组合CKEDITOR。htmlParser和CKEDITOR.filter:

function gimmeFilter( rules ) {
    var filter = new CKEDITOR.filter( rules ),
        writer = new CKEDITOR.htmlParser.basicWriter();
    var fn = function( input, output, msg ) {
        var fragment = CKEDITOR.htmlParser.fragment.fromHtml( input );
        writer.reset();
        filter.applyTo( fragment );
        fragment.writeHtml( writer );
        return writer.getHtml();
    };
    fn.allow = function( rules ) {
        filter.allow( rules );
    };
    return fn;
}
var f = gimmeFilter( {
    'p b i': {
        classes: 'foo',
        styles: 'text-align'
    }
} );
f( '<p style="text-align:right"><b class="boom" style="color: red">foo</b> <i class="foo">bar</i> <u>bum</u></p>' );
>>> "<p style="text-align:right"><b>foo</b> <i class="foo">bar</i> bum</p>"

看到<u>标签，style="color: red"和class="boom"都不见了。