javascript - 如何在 CkEditor 的表属性中禁用标题？

Question

如何禁用 CKEditor 的表属性中的标题，如下图所示的行和列。

我正在一个 asp.net Web 应用程序中使用 CKEditor 3.0 版，我试图在table.js中进行一些更改（在 plugins-->table 文件夹中），但没有得到所需的输出。

Answer 1

使用dialogDefinition事件（jsFiddle）：

CKEDITOR.on( 'dialogDefinition', function( evt ) {
    var dialog = evt.data;

    if ( dialog.name == 'table' ) {
        // Get dialog definition.
        var def = evt.data.definition;

        def.onShow = function() {
            var select = this.getContentElement( 'info', 'selHeaders' );
            select.disable();                
        }        
    }    
} );

Answer 2

你可以试试这样的东西，它对我有用。

window.CKEDITOR.on('dialogDefinition', function (ev) {
        var dialogName = ev.data.name;
        var dialogDefinition = ev.data.definition;
        ev.editor.getCommand( 'table' ).allowedContent = "table{width,height}[align,border,cellpadding,cellspacing,summary];caption tbody thead tfoot;th td tr;table[id,dir](*){*}";
        if (dialogName == "table" || dialogName == "tableProperties") {
            var infoTab = dialogDefinition.getContents("info");            
            infoTab.get("txtWidth")["default"] = "";
            infoTab.get("txtCellSpace")["default"] = "";
            infoTab.get("txtCellPad")["default"] = "";
            infoTab.get("txtBorder")["default"] = "";

            infoTab.get("selHeaders")["items"].pop();
            infoTab.get("selHeaders")["items"].pop();

            var advancedTab = dialogDefinition.getContents( 'advanced' );
            advancedTab.remove( 'advCSSClasses' );
        }
    });