CKEditor:使用dialogDefinition.onShow()抛出C.preview未定义

问题描述 投票:2回答:2

修改CKEditor 3.6.2并不容易,但I tried hard。仍然存在的一个问题是:

在config.js中我们有:

CKEDITOR.on( 'dialogDefinition', function( ev ) {
  var dialogName = ev.data.name;
  var dialogDefinition = ev.data.definition;
  if(dialogName == 'image') {
    dialogDefinition.onShow = function () {
        var dialog = CKEDITOR.dialog.getCurrent(); 

        var elem = dialog.getContentElement('info','htmlPreview');  
        elem.getElement().hide();
        // and more stuff to do...
    };

}
});

加载编辑器并且用户上传了图像后,将引发以下javascript错误:

Error: C.preview is undefined
Source File: wysiwyg-editor/plugins/image/dialogs/image.js?t=B8DJ5M3
Line: 8

dialogDefinition.onShow似乎导致此错误,因为从代码中删除所有元素,并且只调用onShow会导致错误。使用onLoad确实有效!在其他对话框上使用onShow工作正常,只有图像对话框不能正常工作。

顺便说一下,我在CKEditor forum问道,但没有人回答。

dialog ckeditor undefined
2个回答
3
投票

当我在寻找解决方案时偶然发现了这一点。我想发布我最终解决它的问题,尽管不是100%理想。

CKEDITOR.on( 'dialogDefinition', function( ev ) {
  var tab, field, name = ev.data.name,
      definition = ev.data.definition;

  if( name == 'image' )
  {
    tab = definition.getContents( 'info' );
    field = tab.get( 'htmlPreview' );
    field.style = 'display: none';
  }
});

这使得预览窗口可用于处理,只需将其隐藏在对话框窗口中。


0
投票

使用这样的语法:

CKEDITOR.on('dialogDefinition', function(ev) {
    var dialogName = ev.data.name;
    var dialogDefinition = ev.data.definition;
    var dialog = dialogDefinition.dialog;
    if (dialogName == 'image2') {
        dialogDefinition.onShow = CKEDITOR.tools.override(dialogDefinition.onShow, function(original) { 
            return function() {
                original.call(this);
                CKEDITOR.tools.setTimeout( function() {
                    if (dialog.getContentElement('info', 'src').getValue() == '') {
                        dialog.selectPage('Upload');
                    }
                }, 0);
            }
        });
    }
});
© www.soinside.com 2019 - 2024. All rights reserved.