javascript - 如何在CKEditor中自动为img标签添加类或属性？

Question

我正在使用 CKEditor 3.6 版

我想自动将 class="newsleft" 添加到通过 WYSIWYG 添加的任何图像标签。

我看过一些提到 dataProcessor 的帖子，但不知道应该添加哪个文件或如何添加。

谁能告诉我将以下代码放在哪里？

editor.dataProcessor.htmlFilter.addRules(
{
    elements:
    {
        img: function( element )
        {
            if ( !element.attributes.alt )
                element.attributes.alt = 'An image';
        }
    }
} );

Answer 1

基本上放在instanceReady里面监听器，它会很好(3.x 和 4.x)(fiddle):

CKEDITOR.replace( 'editor', {
    plugins: 'wysiwygarea,toolbar,sourcearea,image,basicstyles',
    on: {
        instanceReady: function() {
            this.dataProcessor.htmlFilter.addRules( {
                elements: {
                    img: function( el ) {
                        // Add an attribute.
                        if ( !el.attributes.alt )
                            el.attributes.alt = 'An image';

                        // Add some class.
                        el.addClass( 'newsleft' );
                    }
                }
            } );            
        }
    }
} );

CKEDITOR.htmlParser.element.addClass从 CKEditor 4.4 开始可用。您可以在该版本之前使用 this.attributes[ 'class' ]。