Prevent <TABLE>from being modified during saving.

快速解答作者 adamwpe

替换为#3139

阅读下方完整回答 ↓

问题

大家好，

我遇到了一个问题，当保存自定义HTML组件（只是一个表格）时，Grapes JS会修改它。

保存之前 ![图片]（https://user-images.githubusercontent.com/49768920/99049128-62512180-258e-11eb-9213-10bc30c037b0.png）

存档之后。 ![图片]（https://user-images.githubusercontent.com/49768920/99049054-464d8000-258e-11eb-9545-726b0348fa4c.png）

有没有可能把什么东西包裹起来，避免被修改？问题的原因是我用 twig（一种模板语言）动态创建表格，保存后 HTML 和保存前的版本不一样。

我相信它和#606有关联，但我看不出怎么实现它，看看是否能解决问题

谢谢，亚当

回答（2）

adamwpe• 2020年11月13日

替换为#3139

GJSBlock• 2026年5月17日

谢谢你举报，@adamwpe。关于保存<TABLE>时防止被修改的好问题。推荐的组件方法是使用事件驱动的API。从这里开始：查看你所在模块的[GrapesJS文档]（https://grapesjs.com/docs/）寻找“on（）”事件监听器方法大多数操作可以通过监听编辑器和组件事件来实现常见模式： “JavaScript 留意变化 editor.on（'change'，（） => console.log（'something changed'））; 组件生命周期 editor.on（'component：mount'，（c） => console.log（'compon...

在 GitHub 上查看完整讨论 →