问题 #4612💬 已回答提出于 2022年9月23日作者 Drew-Daniels1 个反应

在 0.19.4 版本之后，无法将 MJML 组件丢弃到空白画布上

快速解答作者 artf❤ 1

谢谢你的报告，Drew，这似乎和iframe的标准模式有关。目前，为了解决这个问题，我建议通过移除文档类型切换到个性模式： “''js Grapesjs.init（{ // ... 画布：{ frameContent： ''， // 默认为 '<！DOCTYPE html>' }, }) ``` 我决定关闭这个问题，因为它其实和核心没什么关系，很快我会更新 mjml 插件，以正确支持标准模式。

阅读下方完整回答 ↓

问题

GrapesJS版本 [X] 我确认使用最新版本GrapesJS 你用的是什么浏览器？ 105.0.5195.125（官方构建）（x86_64）可复制演示链接 https://codesandbox.io/s/grapesjs-grapesjs-mjml-react-bug-w7qtec？file=/src/index.js 描述一下那个虫子如何复现这个漏洞？从一张空白画布开始尝试将grapesjs-mjml块编辑器组件拖曳到空白画布上。确认你无法登录，并收到此警告记录到控制台： ![图片]（https://user-images.githubusercontent.com/62859552/192033463-a0341e69-f305-495f-8b05-ab6110c9e279.png）视频：记录警告有延迟，因为 CodeSandbox 很慢： [截图（3）.webm]（https://user-images.githubusercontent.com/62859552/192034676-84ca848d-5c51-48a9-92af-c472bd768221.webm）代码：我在这个仓库里复刻了代码，因为我觉得比 CodeSandbox 里更容易测试：https://github.com/Drew-Daniels/grapesjs-react-bug 预期的行为...

回答（2）

artf• 2022年9月25日

谢谢你的报告，Drew，这似乎和iframe的标准模式有关。目前，为了解决这个问题，我建议通过移除文档类型切换到个性模式： “''js Grapesjs.init（{ // ... 画布：{ frameContent： ''， // 默认为 '<！DOCTYPE html>' }, })

我决定关闭这个问题，因为它其实和核心没什么关系，很快我会更新 mjml 插件，以正确支持标准模式。

GJSBlock• 2026年5月17日

谢谢你报告，@Drew-丹尼尔斯。关于在0.19.4版本之后无法将MJML组件丢到空白画布上的好问题。ProseMirror 推荐的方法是使用事件驱动的 API。从这里开始：查看你所在模块的[GrapesJS文档]（https://grapesjs.com/docs/）寻找“on（）”事件监听器方法大多数操作可以通过监听编辑器和组件事件来实现常见模式： “JavaScript 留意变化 editor.on（'change'，（） => console.log（'something changed'））; 组件生命周期 editor.on（'component：mount'，（...

在 GitHub 上查看完整讨论 →