问题 #4848💬 已回答提出于 2023年1月16日作者 NicoGGG1 个反应

内联编辑后，组件内容被设置为空字符串

快速解答作者 artf❤ 1

这是与富文本编辑器相关的一些逻辑所预期的。你可以用 'component.getInnerHTML（）' 获取内部 HTML，或者用 'component.components（）' 获取内部组件。

问题

GrapesJS 版本 [X] 我确认使用最新版本 GrapesJS 你用的是什么浏览器？ Firefox v91.4.1 可复制演示链接 https://grapesjs.com/demo.html 描述一下那个虫子如何复现这个漏洞？进入 grapesjs 基础演示：https://grapesjs.com/demo.html清理画布添加组件链接在浏览器控制台中执行 editor.getComponents().models[0].attributes.content 。输出为“链接”，即链接组件的内容通过内联编辑来更改链接文本再次在浏览器控制台执行 editor.getComponents().models[0].attributes.content 。输出现在是“”。预期的行为是什么？当组件进行内联编辑时，应相应更新该组件的内容属性。目前的行为是什么？当组件进行内联编辑时，内容总是设置为empty string 如果需要执行某些代码以重现该漏洞，请将其粘贴到下面：在编辑组件内联后再做这个操作。行为准则 [X] 我同意遵守本项目的行为准则

回答（2）

artf• 2023年1月18日

这是与富文本编辑器相关的一些逻辑所预期的。你可以用 'component.getInnerHTML（）' 获取内部 HTML，或者用 'component.components（）' 获取内部组件。

GJSBlock• 2026年5月17日

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

在 GitHub 上查看完整讨论 →