Javascript CKEDITOR对引导表的支持

我想为CKEDITOR v4.0添加对引导表的支持。但这也可能出现在更普遍的造型情况下

我已经在CKEDITOR中启用了表，并希望为编辑器中生成的任何表分配一个自定义类

例如：

<table>
    <thead>
        <tr>
            ...

如果希望用户能够在编辑器中更改表的类，可以将以下内容添加到ckeditor文件夹中的styles.js文件：

{ name: 'My Table Class', element: 'table', attributes: { 'class': 'myTableClass' } }

CKEDITOR.replace(myElement, {
    ...
    on: {
        loaded: function (e) {
            var rules = {
                elements: {
                    table: function (element) {
                        // Add bootstrap table class to ckeditor tables
                        $(element).addClass('table');
                    }
                }
            };
            e.editor.dataProcessor.dataFilter.addRules(rules);
            e.editor.dataProcessor.htmlFilter.addRules(rules);
        }
    }
});

{ name: 'My Table Class', element: 'table', attributes: { 'class': 'myTableClass' } }