表格编辑

使用表格工具创建内容表格，选中单元格后进行行列插入、删除、合并与拆分。表格属性和单元格属性分别编辑，确认后形成可撤销操作。

用表头说明行列关系，并为复杂表格提供标题。表格用于结构化内容，不用于搭建页面布局。

窄屏下检查横向滚动、键盘定位和上下文工具遮挡。旧 CMS 的 cellpadding、宽度和 class 等标记需要在保存后保持有效。

最小内容与预期行为

export async function editTable(host: HTMLElement) {
    return createClassicEditor(host, {
        data: '<table cellpadding="4"><caption>Products</caption><thead><tr><th scope="col">Name</th><th scope="col">Stock</th></tr></thead><tbody><tr><td>Example</td><td>12</td></tr></tbody></table>',
    });
}

点击表格单元格后使用上下文工具。修改行列或属性后读取 getData()；应得到语义 HTML，不含编辑器控制手柄或选区样式。

常见错误

不要直接修改投影 DOM 中的单元格。保存结果的外观由宿主 CSS 决定，cellpadding 与宿主的 border-collapse、padding 规则可能共同影响间距。

下一步

运行示例 · 配置参考 · 常见问题