javascript - 通过ckeditor添加的表不保留style属性

我在网页中集成了 ckeditor，该网页使用表格插件允许用户在编辑器窗口中创建表格。当用户退出编辑器窗口并且结果显示在页面上时，表格宽度有时会比网页宽得多。

我进行了更改，以便编辑器允许使用如下样式标签:

CKEDITOR.replace('editor', {
    extraAllowedContent: 'table{*}'
});

还对 ckeditor 的 config.js 进行了此更改，使表格的默认宽度为 100%:

CKEDITOR.on('dialogDefinition', function (ev) {
    var dialogName = ev.data.name;
    var dialogDefinition = ev.data.definition;
    if (dialogName == 'table') {
        var info = dialogDefinition.getContents('info');
        info.get('txtWidth')['default'] = '100%';  
    }
});

但我无法将表格布局设置为固定，这样当表格在网页上显示时，表格在网页上固定为 100% 宽度。

最佳答案

如果从 CKEditor 中提取数据时表格有 width:100%(您可以通过 editor.getData method 验证)，它的宽度取决于它放置在网站。如果父元素(直接或非直接)具有固定宽度，则表格不应超出它。

请参阅此代码笔:https://codepen.io/f1ames/pen/ZaaRPy

如果以上答案还不够，也许您可以分享您的 html 代码或准备一些显示问题的片段？

关于javascript - 通过ckeditor添加的表不保留style属性，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/47304620/