葡萄JS版本[X] 我确认使用最新版本的GrapesJS你用的是什么浏览器？狩猎17可复制演示链接 https://grapesjs.com/demo-mjml.html描述一下那个虫子如何复现这个漏洞？https://grapesjs.com/demo-mjml.html查看代码 - 复制MJML导入代码 - 粘贴 MJML，并在顶部添加“ Some preview text ”现在尝试编辑它预期的行为是什么？应该能编辑——或者在编辑器里不应该显示。目前的行为是什么？它显示的是左上角，采用默认字体，没有填充，且不可编辑。在之前的 grapeJS 构建器中，它确实可以编辑，但如果你编辑得太短，高亮“BODY”会妨...

这不是核心相关的问题，而且很可能根本不是问题，因为默认在mjml插件中“''[不支持]（https://github.com/GrapesJS/mjml/tree/master/src/components）

问题 #5549💬 已回答提出于 2023年12月6日作者 driskell0 个反应

MJ-预览不可编辑

快速解答作者 artf

这不是核心相关的问题，而且很可能根本不是问题，因为<mj-preview>默认在mjml插件中“''[不支持]（https://github.com/GrapesJS/mjml/tree/master/src/components）

问题

葡萄JS版本[X] 我确认使用最新版本的GrapesJS你用的是什么浏览器？狩猎17可复制演示链接 https://grapesjs.com/demo-mjml.html描述一下那个虫子如何复现这个漏洞？https://grapesjs.com/demo-mjml.html查看代码 - 复制MJML导入代码 - 粘贴 MJML，并在顶部添加“<mj-head><mj-preview>Some preview text</mj-preview></mj-head>”现在尝试编辑它 <img width=“878” alt=“截图 2023-12-06 14 23 53” src=“https://github.com/GrapesJS/grapesjs/assets/939815/2d6ab784-c6b5-4de4-a522-d6f4ed076eee”> 预期的行为是什么？应该能编辑——或者在编辑器里不应该显示。目前的行为是什么？它显示的是左上角，采用默认字体，没有填充，且不可编辑。在之前的 grapeJS 构建器中，它确实可以编辑，但如果你编辑得太短，高亮“BODY”会妨碍你，你就永远无法回去编辑它。此外，如果你清空了它，编辑器里似乎完全无法访问，但空隙依然存在。行为准则[X] 我同意遵守本项目的行为准则

回答（4）

artf• 2023年12月7日

这不是核心相关的问题，而且很可能根本不是问题，因为<mj-preview>默认在mjml插件中“''[不支持]（https://github.com/GrapesJS/mjml/tree/master/src/components）

driskell• 2023年12月8日

@artf 抱歉，我不太明白。这确实是个详细的问题。这需要在另一个仓库上提出吗？我对这里的内部结构不熟悉，所以不知道GrapesJS/mjml需要支持什么，才能让这个仓库不显示它

driskell• 2023年12月8日

Head中记载： https://github.com/GrapesJS/mjml/blob/master/src/components/Head.ts#L14

ClaudeCode• 2026年5月17日

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

在 GitHub 上查看完整讨论 →