CKEditor调整对话框中的选项卡大小

CKEditor调整对话框中的选项卡大小,ckeditor,Ckeditor,因此,我删除了表格信息对话框中的一组按钮。现在只剩下5个按钮了,所以默认的大小让它感觉很空 代码如下: CKEDITOR.on( 'dialogDefinition', function( ev ) { var dialogName = ev.data.name; var dialogDefinition = ev.data.definition; if(dialogName == 'table' || dialogName == 'tablePr

因此,我删除了表格信息对话框中的一组按钮。现在只剩下5个按钮了,所以默认的大小让它感觉很空

代码如下:

CKEDITOR.on( 'dialogDefinition', function( ev ) {
        var dialogName = ev.data.name;
        var dialogDefinition = ev.data.definition;
        if(dialogName == 'table' || dialogName == 'tableProperties'){
            var advTab = dialogDefinition.getContents('advanced');
            var infoTab = dialogDefinition.getContents('info');
            var advClass = advTab.get('advCSSClasses');
            var cmbAlignBut = infoTab.get('cmbAlign');

            infoTab.remove('txtSummary');
            infoTab.remove('txtCaption');
            infoTab.remove('selBorder');
            infoTab.remove('txtCellSpace');
            infoTab.remove('txtCellPad');
            infoTab.remove('selHeaders');
            infoTab.remove('cmbAlign');
            infoTab.remove('txtBorder');

            advClass.type = "select";
            advClass.requiredContent = "table(cke-xyz)";
            advClass.label = "Table Type";
            advClass.default = "normal-table";
            advClass.items = [
                ["Normal", "normal-table"],
                ["Comparison", "comparison-table"],
                ["Links", "link-table"]
            ];

            infoTab.add(advClass);

            dialogDefinition.removeContents('advanced');
            console.log(advClass);
            console.log(cmbAlignBut);
        }
    });
下面是它的样子:

如何至少调整高度?

请参见: 对话框通常分配了
minHeight
。如果您希望更改,请使用:

CKEDITOR.on( 'dialogDefinition', function( ev ) {
  var dialogName = ev.data.name;
  var dialogDefinition = ev.data.definition;
  if(dialogName == 'table' || dialogName == 'tableProperties'){
    ev.data.definition.minHeight = 120; // you can also use ev.data.definition.minHeight = 0;
    ...