类自动应用于ckeditor img

时间:2014-12-03 12:52:08

标签: javascript jquery html css3 ckeditor

对于我的CMS我一起使用CKEDITOR和Superslides。 Superslides在背景幻灯片中转换他标签内的任何图像,如果不使用类"防止"在img。 因此,我需要使用ckeditor添加的任何图像都包含class ='阻止'自动而不在texteditor上选择自定义样式或类似。 我的客户不能写'阻止'在每个图像的类字段中或选择自定义格式/样式。

我试试这个:

$('.ckeditor img').addClass("preserve");

$('.contentslide img').addClass("preserve");

也许,解决方案可能是类字段中的占位符,对于对话框选项卡'链接'但不知道如何申请图片。

的CKEditor / config.js

CKEDITOR.on( 'dialogDefinition', function( ev )
    {
        // Take the dialog name and its definition from the event data.
        var dialogName = ev.data.name;
        var dialogDefinition = ev.data.definition;

        // Check if the definition is from the dialog window you are interested in (the "Link" dialog window).
        if ( dialogName == 'link' )
        {
            // Get a reference to the "Link Info" tab.
            var infoTab = dialogDefinition.getContents( 'info' );

            // Set the default value for the URL field.
            var urlField = infoTab.get( 'url' );
            urlField['default'] = 'www.example.com';
        }
    });

解决方案? THX!

1 个答案:

答案 0 :(得分:0)

不知道你是否对它进行了分类,但这对我有用

var cssField = infoTab .get('advCSSClasses');
    cssField['default'] = 'className';