问题 #5274💬 已回答提出于 2023年8月3日作者 wunksert1 个反应

Parser bug inside Remix

快速解答作者 artf❤ 1

@wunksert看起来编辑器会多次初始化自己，你是否正确地用 destroy 清除编辑器实例（例如在 useEffect 中）？

问题

GrapesJS 版本 [X] 我确认使用最新版本 GrapesJS 你用的是什么浏览器？ Chrome v114 可复制演示链接 https://github.com/wunksert/remix-grapes-error/tree/main 描述一下那个虫子如何复现这个漏洞？上文的克隆仓库NPM INPM 运行开发你会看到 grapes iframe和样板都被渲染到了画布里。尝试导出，你会发现所有 grapes 样板也都渲染到画布里打开开发工具，你会看到错误：补充背景预期的行为是什么？编辑器应该正确地渲染它的样板，和它一样目前的行为是什么？解析器似乎不起作用。编辑器渲染的是用于封装编辑器DOM的iframe。它还导出了所有 grapesJS 样板。如果需要执行某些代码以重现该漏洞，请将其粘贴到下面：行为准则 [X] 我同意遵守本项目的行为准则

回答（4）

artf• 2023年8月6日

@wunksert看起来编辑器会多次初始化自己，你是否正确地用 destroy 清除编辑器实例（例如在 useEffect 中）？

wunksert• 2023年8月3日

也许我编辑项目中的结构或命名规范，解决这个问题会更简单。如果比在 GrapesJS Core 里改动更快，我很乐意这么做。

artf• 2023年8月3日

是的，绝对和核心无关

GJSBlock• 2026年5月17日

谢谢你举报，@wunksert。关于Remix中的解析器漏洞，这是个很棒的问题。推荐的 Canvas 方法是使用事件驱动的 API。从这里开始：查看你所在模块的[GrapesJS文档]（https://grapesjs.com/docs/）寻找“on（）”事件监听器方法大多数操作可以通过监听编辑器和组件事件来实现常见模式： “JavaScript 留意变化 editor.on（'change'，（） => console.log（'something changed'））; 组件生命周期 editor.on（'component：mount'，（c） => console.l...

在 GitHub 上查看完整讨论 →