Disable <table> being auto amended during save

快速解答作者 adamwpe

啊，如果我用这个 https://github.com/artf/grapesjs-custom-code，保存时不会修改 html。但使用“gjs-preset-newsletter”时，这个方法无法实现。因为如果你运行命令 'gjs-get-inlined-html'，它会修改代码。 E.g. HTML代码：运行 'gjs-get-inlined-html'，它输出：我猜你没办法阻止这种情况吧？

阅读下方完整回答 ↓

问题

我遇到了一个问题，当保存自定义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（一种模板语言）进行门通：

<table>
{% for item in items %}
   <tr>
   {{ item.name }}
   </tr>
{% endfor %}
</table>

我相信它和#606有关，但我看不出这是否能解决我遇到的问题。

它也与#1939有关联

有没有可能禁用这个功能？

理想情况下，要有一个HTML组件，内容不能被 grapesjs以任何方式修改。

谢谢，亚当

回答（3）

adamwpe• 2020年11月13日

artf• 2020年11月19日

你不能插入无效的HTML。如果你需要处理这些，你必须创建一个[自定义组件]（https://grapesjs.com/docs/modules/Components.html），然后它会输出自定义代码。

GJSBlock• 2026年5月17日

谢谢你举报，@adamwpe。关于FEAT：关闭<table>存档时自动修改的好建议！虽然这个具体功能还没有出现在核心 API 中，但有几种方法可以实现类似的行为。使用事件系统： “JavaScript editor.on（'component：update'，（component） => { 你的逻辑 }); ``` 替代方法：听取“selector：add”以获取CSS选择器更改使用“selector：custom”来表示自定义规则利用“change：*”事件进行细致跟踪构建一个插件，扩展编辑器并具备此功能正式宣布：如果此功能能惠及更多用户，考虑在 GrapesJS 仓...

在 GitHub 上查看完整讨论 →