Question

修改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，但没有人回答。

Answer 1

当我在寻找解决方案时偶然发现了这一点。我想发布我最终解决它的问题，尽管不是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';
  }
});

这使得预览窗口可用于处理，只需从对话框窗口中隐藏它。

Answer 2

使用如下语法：

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);
            }
        });
    }
});

CKEditor：使用dialogDefinition.onShow（）抛出C.preview未定义

2 个答案: