Background image preview show error link

快速解答作者 tuongnguyendev❤ 1

你好@artf 更新了#4350的新bug。谢谢。

问题

GrapesJS 版本 [X] 我确认使用最新版本 GrapesJS 你用的是什么浏览器？ Chrome 版本 102.0.5005.61 可复制演示链接 https://jsfiddle.net/tuongnguyendev/25kcypuj/ 描述一下那个虫子如何复现这个漏洞？画布上的一根柱子。选择组件测试背景 ![截图 2022-06-02 08 48 36]（https://user-images.githubusercontent.com/16423468/171530144-7eb410a6-1f1a-41b8-a87f-f28efec0c6cf.png）装饰 => 背景 => 选择第一个物品背景 ![截图 2022-06-02 08 49 57]（https://user-images.githubusercontent.com/16423468/171530131-46d060b8-2c52-4728-abcb-e51a7b9148a7.png）找不到背景预览图片 ![截图 2022-06-02 08 51 31]（https://user-images.githubusercontent.com/16423468/171530352-824cffe1-5422-436f-b695-1392bcf64c6a.png）预期的行为是什么？背景预览图需要改进行为...

回答（2）

tuongnguyendev• 2022年6月2日

你好@artf 更新了#4350的新bug。谢谢。

GJSBlock• 2026年5月17日

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

在 GitHub 上查看完整讨论 →