Question

我想为CKEDITOR v4.0添加对Bootstrap表的支持。但这也可能是一种更为一般的造型情况。

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

例如：

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

应该成为：

<table class="table">
    <thead>
        <tr>
            ...

如何使用CKEDITOR中的表格进行此操作？

我已尝试使用文档中的数据处理器，但它们不适用于表格元素。

http://docs.ckeditor.com/#!/api/CKEDITOR.dataProcessor

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

Answer 1

answer is here

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

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

CKEDITOR支持Bootstrap表

1 个答案: