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

前端之家收集整理的这篇文章主要介绍了javascript – 如何在CKEditor中自动为img标签添加类或属性?前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
我正在使用CKEditor版本3.6

我想自动将class =“newsleft”添加到通过WYSIWYG添加的任何图像标记中.

我看过几篇提到dataProcessor的帖子,但不知道应该添加哪个文件或者怎么做.

有人能告诉我在哪里放置以下代码吗?

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

解决方法

基本上把它放在 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’].

原文链接:https://www.f2er.com/js/155659.html

猜你在找的JavaScript相关文章