问题 #3810💬 已回答提出于 2021年9月23日作者 mihir-khandekar0 个反应

GrapesJS 版本[X] 我确认使用最新版本 GrapesJS你用的是什么浏览器？

快速解答作者 artf

getHTML 与画布的 DOM 无关...... 仔细阅读文档 https://grapesjs.com/docs/modules/Components.html，尽量理解模型和组件视图之间的区别。

问题

GrapesJS 版本[X] 我确认使用最新版本 GrapesJS你用的是什么浏览器？ 92.0.4515.131（官方构建）（64位）可复制演示链接无描述一下那个虫子如何复现这个漏洞？使用 editor.Canvas.getBody().ownerDocument.execCommand('insertHTML', false, HTMLString) 命令将 HTML 插入 canvas。插入的 HTML 会显示在编辑器画布上。使用编辑器的 editor.getHtml（）函数。editor.getHtml() 返回的 HTML 字符串不包含使用 execCommand 命令插入的 HTML。预期的行为是什么？最终HTML应返回使用 execCommand插入的HTML。目前的行为是什么？最终的 HTML 不包含使用 execCommand插入的 HTML 如果需要执行某些代码以重现该漏洞，请将其粘贴到下面：下面列出的第一种方法的另一个问题是， editor.addComponent() 将组件添加到DOM末尾，而InsertHTML命令则将该组件的HTML插入当前光标位置。我也尝试过用HTML字符串代替上面提到的 component.toHTML() 方法，所以这也没用：行为准则[X] 我同意遵守本项目的行为准则

回答（4）

artf• 2021年9月23日

getHTML 与画布的 DOM 无关...... 仔细阅读文档 https://grapesjs.com/docs/modules/Components.html，尽量理解模型和组件视图之间的区别。

mihir-khandekar• 2021年9月23日

@artf感谢你的迅速回复，那么正确的做法是什么？

我的需求是：我想在当前光标位置添加一个组件。那我怎样才能让它成为 editor.getHtml（）方法的一部分？

ionutmiftode• 2023年2月21日

@mihir-Khandekar，你修好了吗？

GJSBlock• 2026年5月17日

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

在 GitHub 上查看完整讨论 →