V0.19.5 破坏无头编辑器 editor.setComponents（）： “Uncaught（在承诺中）ReferenceError： 窗口未定义”
问题
葡萄JS版本 [X] 我确认使用最新版本的GrapesJS 你用的是什么浏览器？ Chrome 102.0.5005.115（官方版本）（64位） 可复制演示链接 描述一下那个虫子 如何复现这个漏洞？ 我在JSFiddle上无法复现这一点，但这说法有点道理。 #4373 在 editor.setComponents（）： 中引入了一个 bug： “未捕获（在promise中）引用错误：窗口未定义” 这是在将SVG转换为base64时。src/utils/mixins 快速修复： export const buildBase64UrlFromSvg = （svg： string） => { 如果 （svg && svg.substr（0， 4） === '<svg'） { 删除 window.btoa return 'data：image/svg+xml;base64，${Buffer.from（svg， 'utf8'）.toString（'base64'）}'; } 返回SVG; }; 将 window.btoa 替换为 Buffer.from（）。 我无法在工作电脑上创建PR，稍后会尝试，但会把这个帖子发布给其他搜索的人参考。 祝一切顺利！行为准则 [X] 我同意遵守本项目的行为准则
回答（2）
谢谢@skru我会处理的
谢谢你举报，@skru。 关于 v0.19.5 Breaks headless editor.setComponents（）： “Uncaught （in promise） ReferenceError： window is not fined” 的好问题。推荐的组件方法是使用事件驱动的API。 从这里开始： 查看你所在模块的[GrapesJS文档]（https://grapesjs.com/docs/） 寻找“on（）”事件监听器方法 大多数操作可以通过监听编辑器和组件事件来实现 常见模式： “JavaScript 留意变化 editor.on（'change'， （） => consol...
相关问答
通过相似的问题讨论继续研究。
问题 #4481
V0.19.5 破坏无头编辑器.setComponents（）（带有地图/视频块）
葡萄JS版本 [X] 我确认使用最新版本的GrapesJS 你用的是什么浏览器？ Chrome 102.0.5005.115（官方版本）（64位） 可复制演示链接 描述一下那个虫子 这是#4473的延伸 在无头环境中通过editor.setComponents（）添加地图或视频...
问题 #6409
手机上无法拖动移动组件
葡萄JS版本 [x] 我确认使用最新版本的GrapesJS 你用的是什么浏览器？ Chrome v133 可复制演示链接 https://jsfiddle.net/2hjdrb7L/1/ 描述一下那个虫子 如何复现这个漏洞？ 用grapesjs v0.22.x和grapesjs...
问题 #4792
20.2版本的拖放功能失效了
葡萄JS版本[X] 我确认使用最新版本的GrapesJS你用的是什么浏览器？ Chrome v108可复制演示链接 见下文描述一下那个虫子 如何复现这个漏洞？创建自定义组件将其作为组件和可拖拽块添加到编辑器中添加组件时将编辑器设置为绝对拖拽模式，丢弃后再将组件本身设为绝对拖拽。...
问题 #3806
添加视频时目标为零
葡萄JS版本 [X] 我确认使用最新版本的GrapesJS 你用的是什么浏览器？ Chrome新版本 可复制演示链接 https://codesandbox.io/s/react-redux-toolkit-application-forked-l5rhp?file=/src/...
与此问题匹配的付费插件
根据问题关键词和标签相关性精选，助你更快交付。
正在加载付费插件推荐……
相关教程
关于同一主题的深入指南。
教程
GrapesJS DevTools: A Developer Panel Inside Your Editor
If you've ever debugged GrapesJS with console.log(editor.getSelected()) and a dozen throwaway event listeners — this post is for you.
教程
How We Built Composeit in Record Time Using GrapesJS Shadcn
Bypass foundational builder boilerplate and focus on what truly matters.
教程
Ship to Production Faster: What’s New in GrapesJS Shadcn
Supercharge your page builder! GrapesJS Shadcn adds live drag previews, rich text / commands, dynamic data, and canvas presets to ship to prod faster.
浏览插件分类
直接跳转到市场上的插件分类页面。