问题 #5388💬 已回答提出于 2023年9月16日作者 hannydevelop0 个反应

运行无头模式时，编辑器返回不同的 HTML

快速解答作者 artf

你好，@hannydevelop你有自定义组件类型，但你没有在“grapesjs.init”上传递任何插件，这就是为什么默认的“div”应用了

问题

GrapesJS 版本 [X] 我确认使用最新版本 GrapesJS 你用的是什么浏览器？ ChromeV117.0.5938.62 可复制演示链接 https://codesandbox.io/embed/quizzical-galileo-cqldjh?fontsize=14&hidenavigation=1&theme=dark 描述一下那个虫子如何复现这个漏洞？使用商店管理器的商店页面尝试用无头模式取回他们预期的行为是什么？创建的HTML应与编辑器相同，包括自定义标签。目前的行为是什么？自定义标签和其他非默认标签如 input 会被转换为 div。例如，以下是编辑器的正常行为：不过，这里有无头模式的代码：看看 input 如何转化为 div。行为准则 [X] 我同意遵守本项目的行为准则

回答（4）

artf• 2023年9月16日

你好，@hannydevelop你有自定义组件类型，但你没有在“grapesjs.init”上传递任何插件，这就是为什么默认的“div”应用了

hannydevelop• 2023年9月16日

你好@hannydevelop你有自定义组件类型，但没有传递任何插件 grapesjs.init ，所以才应用了默认 div 抱歉我又要重新打开这个，按正常方式添加插件会返回错误：

artf• 2023年9月16日

@hannydevelop能给我看代码吗？

GJS Helper• 2026年5月17日

你遇到的问题，GrapesJS的无头模式（或称 editor.getHtml()）将 <input> 和 <button> 标签转换成 <div>s，源于GrapesJS处理和序列化未明确定义为自定义组件类型的 HTML 元素的方式。根本原因解释 GrapesJS 运行在内部组件模型上。当你将 HTML 加载到编辑器中时，它会将这些 HTML 元素解析成GrapesJS组件。当你使用 editor.getHtml()检索 HTML 时，它会将这些内部组件序列化回 HTML。默认情况下，GrapesJS 内置了用于常见 HTML 元素的组件类型。然而，对于像 <input> 和 <butt...

在 GitHub 上查看完整讨论 →