Question

我正在使用CKEditor的增强图像插件（image2），因为它允许用户插入带字幕的图像。但是，默认情况下，我无法启用“字幕图像”复选框。

在下面的代码显示该值已被检查之后设置断点，但是继续取消选中该值。

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;

if (dialogName == 'image2') {
    dialogDefinition.onShow = function() {
        captionField = this.getContentElement('info', 'hasCaption');
        captionField.setValue('checked');
        console.log(captionField);
        debugger;
    }
}
});

非常感谢您提供有关默认情况下如何勾选CKEditor复选框的任何建议。

更新

我尝试根据Marek的回答更新代码以适应我的需要，但是dialogShow事件似乎没有这样被调用。

CKEDITOR.on('dialogShow', function( evt ) {
    var dialog = evt.data;
    if ( dialog._.name === 'image2' && !dialog.widget.isReady() ) {
        console.log('test');
        evt.data.getContentElement( 'info', 'hasCaption' ).setValue( true );
    }
});

Answer 1

您可以使用dialogShow事件来修改对话框属性。

CKEDITOR.replace( 'editor1', {
    extraPlugins: 'image2',
    removePlugins: 'image',
    on: {
        dialogShow: function( evt ) {
            var dialog = evt.data;
            if ( dialog._.name === 'image2' && !dialog.widget.isReady() ) {
                evt.data.getContentElement( 'info', 'hasCaption' ).setValue( true );
            }
        }
    }
} );

请注意我正在检查该小部件是否确实存在的代码，这是因为如果您在编辑现有小部件时不希望修改此复选框。

由于我不知道的原因，该代码在内置SO代码平台中不起作用，所以我所能做的就是删除codepen link to check the code in action。

最后，我们正在研究一种适合您情况的解决方案。您可以在https://github.com/ckeditor/ckeditor-dev/issues/2277

进行跟踪

CKEditor复选框默认值

1 个答案: