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