问题 #4904💬 已回答提出于 2023年2月5日作者 handhikadj0 个反应

GetHtml（）在 js 中产生无效结构

快速解答作者 artf

输出是正确的（检查真实控制台，而不是 jsfiddle 坏掉的那个），仔细阅读[本节]（https://grapesjs.com/docs/modules/Storage.html#project-data），绝不应该依赖 HTML/CSS 来加载项目。

阅读下方完整回答 ↓

问题

GrapesJS 版本[X] 我确认使用最新版本 GrapesJS你用的是什么浏览器？ Chrome最新可复制演示链接 https://jsfiddle.net/snj87o6f/1/描述一下那个虫子背景/描述我觉得这是个bug，因为我需要用编辑器保存并重新加载数据。storageManager 的 onStore 上的 Parser.parseHtml。更糟的是，当我刷新页面时图层管理器的结构（onLoad 运行）时会坏掉。看起来是编辑器的问题。Parser.parseHtml（）无法正确解析它如何复现这个漏洞？拖放倒计时块到画布上查看控制台预期的行为是什么？即使里面有 js，也能生成有效的 html，这样在 storageManager.options.remote.onLoad（）和 Layer Manager（我记得是这样）上都能正常使用。如果需要执行某些代码以重现该漏洞，请将其粘贴到下面：行为准则[X] 我同意遵守本项目的行为准则

回答（2）

artf• 2023年2月7日

GJSBlock• 2026年5月17日

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

在 GitHub 上查看完整讨论 →