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

这不是核心相关的问题，而且很可能根本不是问题，因为默认在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）

问题

GrapesJS 版本[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 at 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

GJS Helper• 2026年5月17日

你遇到的mj-preview无法编辑且在GrapesJS编辑器中显示错误的问题，源于grapesjs-mjml插件对这个特定MJML组件的处理方式。mj-preview标签设计用来定义邮件客户端收件箱中主题行旁边的预览文本;它是元数据，不应作为邮件正文中可见且可编辑的元素。默认情况下，grapesjs-mjml将mj-preview注册为一个editable: true组件，导致它在画布中被渲染为可见的、无样式且交互式（但有bug）元素。由于其内容旨在隐藏在最终邮件中，其存在于编辑器画布中是对其目的的误解。根本原因 grapesjs-mjml插件默认的组件定义是mj-previewedi...

在 GitHub 上查看完整讨论 →