Javascript 有没有办法在“编辑”对话框中重新排列选项卡？

我在CKEditor中已经有此代码：

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


    if ( dialogName == 'image' ) {
        dialog.on('show', function () {
            this.selectPage('Upload');
    });

       dialogDefinition.removeContents( 'Link' );
       dialogDefinition.removeContents( 'advanced' );
       var infoTab = dialogDefinition.getContents( 'info' );

       infoTab.remove( 'txtAlt' );
       infoTab.remove( 'txtBorder' );
       infoTab.remove( 'txtHSpace' );
       infoTab.remove( 'txtVSpace' );
       infoTab.remove( 'cmbAlign' );

       var upTab = dialogDefinition.getContents( 'Upload' );
       var upButton = upTab.get( 'uploadButton' );
       var uploadBut = upTab.get( 'upload' );

       upButton.label = 'Upload Image';
       uploadBut.label = 'Upload Image';
    }
});

当您单击CKEditor上的上载图像按钮时，结果如下：

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


    if ( dialogName == 'image' ) {
        dialog.on('show', function () {
            this.selectPage('Upload');
    });

       dialogDefinition.removeContents( 'Link' );
       dialogDefinition.removeContents( 'advanced' );
       var infoTab = dialogDefinition.getContents( 'info' );

       infoTab.remove( 'txtAlt' );
       infoTab.remove( 'txtBorder' );
       infoTab.remove( 'txtHSpace' );
       infoTab.remove( 'txtVSpace' );
       infoTab.remove( 'cmbAlign' );

       var upTab = dialogDefinition.getContents( 'Upload' );
       var upButton = upTab.get( 'uploadButton' );
       var uploadBut = upTab.get( 'upload' );

       upButton.label = 'Upload Image';
       uploadBut.label = 'Upload Image';
    }
});

这段代码：

if ( dialogName == 'image' ) {
    dialog.on('show', function () {
        this.selectPage('Upload');
});

将“上载”选项卡设置为默认值。而且效果很好

但我真正想做的是把“上传”标签放在“图片信息”标签的前面

---

CKEditor API中有什么东西可以让我这样做吗？或者我必须修改dialog-plugin.js才能做到这一点？如果是后者，我该如何开始呢？我正在使用最新版本的CKEditor…

所以这是一个解决方案，我认为这不是一个很好的解决方案，但它可以

dialogDefinition.removeContents( 'Upload' );
dialogDefinition.addContents(upTab, 'info');

---

通过将这些放在代码的末尾，您可以删除上载选项卡并立即添加它，但这次您将其放在信息选项卡之前。

其工作正常，但不确定地停止图像宽度与高度的自动比率，并且图像高度和宽度也不会保存在图像信息选项卡上。