Background layers empty in reload editor

快速解答作者 artf

在演示中没有出现这个bug，我认为是因为使用localstorage来存储。不，使用本地存储和远程存储没有区别，因为使用的 JSON 结构是相同的。确实，我猜你是在回加载 HTML，而不是 JSON（正如这里 https://grapesjs.com/docs/modules/Storage.html#store-and-load-templates 解释的那样）

阅读下方完整回答 ↓

问题

版本：最后

演示中没有出现这个bug，我认为是因为使用localstorage进行存储。

Grapesjs 在背景时正常工作，但当我插入背景图层时，所有内容都显示正确。

问题是当我重新加载编辑器时，它不会显示已创建的图层，但所有内容都正常显示，问题是无法再次编辑，因为图层不会出现。

更多详情请观看视频。

https://youtu.be/F_YRlJpONSM

回答（2）

artf• 2020年11月26日

在演示中没有出现这个bug，我认为是因为使用localstorage来存储。

不，使用本地存储和远程存储没有区别，因为使用的 JSON 结构是相同的。确实，我猜你是在回加载 HTML，而不是 JSON（正如这里 https://grapesjs.com/docs/modules/Storage.html#store-and-load-templates 解释的那样）

GJSBlock• 2026年5月17日

谢谢你举报，@MarksEliel。重载编辑器中背景图层为空的问题似乎是竞态条件或状态管理时序问题。这通常发生在组件生命周期事件和DOM修改重叠时，导致状态不一致。尝试什么：添加setTimeout包装器以确保DOM已稳定： “JavaScript setTimeout（（） => { 你在这里的行动 }, 0); 推荐的下一步步骤：如果还没测试过，请用最新的GrapesJS版本测试提供最小可重复的示例（CodeSandbox）——这有助于团队更快识别根本原因在报告中包含 GrapesJS 版本、浏览器和控制台错误

在 GitHub 上查看完整讨论 →