javascript - 在 ckeditor img 中自动应用类

Question

对于我的 CMS，我同时使用 CKEDITOR 和 Superslides。如果不使用 img 中的“阻止”类，Superslides 会在背景幻灯片中转换其标签内的任何图像。因此，我需要使用 ckeditor 添加的任何图像自动包含 class='prevent'，而无需在 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';
        }
    });

解决方案？谢谢!

Answer 1

不知道你是否解决了这个问题，但这对我有用

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