Question

我必须修改Ckeditor 5表格插件，以便能够将样式同时应用于表格和所有单元格。 https://ckeditor.com/docs/ckeditor5/latest/api/table.html

有什么简单的方法吗？当前，我遍历表子项并应用相同的样式，但这不是正确的方法。因为该值不会在单元格的字段中更新。这是更改表属性时触发的一些代码。

export function downcastTableAttribute(conversion, modelAttribute, styleName) {
    conversion.for('downcast').add(dispatcher => dispatcher.on(`attribute:${modelAttribute}:table`, (evt, data, conversionApi) => {
        const {item, attributeNewValue} = data;
        const {mapper, writer} = conversionApi;

        if (!conversionApi.consumable.consume(data.item, evt.name)) {
            return;
        }

        const table = [...mapper.toViewElement(item).getChildren()].find(child => child.is('table'));

        if (attributeNewValue) {
            writer.setStyle(styleName, attributeNewValue, table);
            //Apply style to cell td too
            table._children[0]._children.forEach(row => {
                row._children.forEach(td => {
                    writer.setStyle(styleName, attributeNewValue, td);
                });
            })
            //Apply style to cell td too
        } else {
            writer.removeStyle(styleName, table);
            table._children[0]._children.forEach(row => {
                row._children.forEach(td => {
                    writer.removeStyle(styleName, td);
                });
            })
        }
    }));
}

更新

从照片中您可以看到，该字段未更新，与表格的真实颜色相对应。

什么是正确的方法？

Answer 1

更新：

我认为除了setAttribute之外，您还想setStyle（https://ckeditor.com/docs/ckeditor5/latest/api/module_engine_view_downcastwriter-DowncastWriter.html#function-setAttribute）。

好像单元格属性编辑模式是专门从tableCell命令更新的：https://github.com/ckeditor/ckeditor5-table/blob/ba852e31ef34132ac88a404e2df634667c33de7f/src/tablecellproperties/tablecellpropertiesui.js#L266

这些是从属性更新的： https://github.com/ckeditor/ckeditor5-table/blob/ba852e31ef34132ac88a404e2df634667c33de7f/src/tablecellproperties/commands/tablecellpropertycommand.js#L41 通过 https://github.com/ckeditor/ckeditor5-table/blob/ba852e31ef34132ac88a404e2df634667c33de7f/src/tablecellproperties/commands/tablecellpropertycommand.js#L103

原始答案：

如果您要对所有样式都应用相同的样式，那么如果您具有固定数量的样式，或者如果动态生成样式，则为什么不使用use css？

将样式应用于表格时，如何同时将样式应用于表格和所有单元格

1 个答案: