2017-06-02 1 views
1

テーブルの情報ダイアログでボタンを削除しました。 5つのボタンしか残っていないので、デフォルトサイズでは空の状態になります。ここでダイアログのタブのサイズを変更するCKEditor

はコードです:

私は、少なくとも高さのサイズを変更するにはどうすればよい

And here's how it looks like:

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

そして、ここではそれがどのように見えるかですか?

答えて

1

参照:https://github.com/ckeditor/ckeditor-dev/blob/master/plugins/table/dialogs/table.js#L60 ダイアログには通常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; 
    ... 
をご利用ください。
関連する問題