问题 #4249💬 已回答提出于 2022年4月8日作者 iamqinglong0 个反应

Image src won't change in exported HTML

快速解答作者 m-jojo-s

要么使用 select.set（'src'， doc.URL）要么启用 unsafe html 属性参见#4148

问题

GrapesJS 版本 [X] 我确认使用最新版本 GrapesJS 你用的是什么浏览器？铬100 可复制演示链接 https://grapesjs.com/demo.html 描述一下那个虫子如何复现这个漏洞？我正在使用外部设备将图像块拖曳到画布上从自定义模态中选择图像查看代码检查模型/目标对象属性预期的行为是什么？导出代码的 src 属性应包含实际的 URL <img src="actual-url" /> 目前的行为是什么？我正在使用一个外部模块来自定义资产管理。 model/target src 属性应该包含实际的URL。 <img width=“682” alt=“截图 2022-04-08 下午2点26分” src=“https://user-images.githubusercontent.com/48402616/162377084-c1eff1fe-3084-468e-8f27-ea287dda62f6.png”> 但导出的 HTML 属性中占位符是 Base64 src <img width=“616” alt=“截图 2022-04-08 下午2：35 55” src=“https://user-images.githubusercontent.com/48402616/162378381-861f5a70-0857-4fe2-a0f6-cec1d...

回答（3）

m-jojo-s• 2022年4月8日

要么使用 select.set（'src'， doc.URL）要么启用 unsafe html 属性

参见#4148

artf• 2022年4月8日

是的，我建议你直接切换到“select.set（'src'， doc.url）'，就像之前建议的那样。

GJSBlock• 2026年5月17日

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

在 GitHub 上查看完整讨论 →