V0.19.5 破坏无头编辑器 editor.setComponents(): “Uncaught(在承诺中)ReferenceError: 窗口未定义”
问题
GrapesJS 版本 [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 0 ; } return 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 Breaks headless editor.setComponents() (with Map/Video block)
GrapesJS版本 [X] 我确认使用最新版本GrapesJS 你用的是什么浏览器? Chrome 102.0.5005.115(官方版本)(64位) 可复制演示链接 描述一下那个虫子 这是#4473的延伸 在无头环境中通过editor.setComponents()添加地图...
问题 #6409
Cannot drag to move components on mobile
GrapesJS版本 [x] 我确认使用最新版本GrapesJS 你用的是什么浏览器? Chrome v133 可复制演示链接 https://jsfiddle.net/2hjdrb7L/1/ 描述一下那个虫子 如何复现这个漏洞? 使用grapesjs v0.22.x 初始化一...
问题 #3806
Target :null when adding video
GrapesJS 版本 [X] 我确认使用最新版本 GrapesJS 你用的是什么浏览器? Chrome新版本 可复制演示链接 https://codesandbox.io/s/react-redux-toolkit-application-forked-l5rhp?file=...
问题 #5536
无法添加链接:getModel() 失败,TypeError: $ 不是函数
GrapesJS 版本 [X] 我确认使用最新版本 GrapesJS 你用的是什么浏览器? Chrome 版本 119 可复制演示链接 https://jsfiddle.net/bj7afw63/1/ 描述一下那个虫子 如何复现这个漏洞?装填小提琴尝试添加默认RTE(非CKE)...
与此问题匹配的付费插件
根据问题关键词和标签相关性精选,助你更快交付。
正在加载付费插件推荐……
相关教程
关于同一主题的深入指南。
教程
Introducing Search on GJS.Market
GJS.Market now has one search across everything we publish — plugins, articles, community questions, guides, authors and services. Press ⌘K from any page.
教程
2026年构建一个SaaS页面构建器需要多少钱?
2026年构建一个SaaS页面构建器的成本是多少?探索实际的开发成本、时间表、功能,以及使用 GrapesJS 如何降低成本
教程
PageKit:你无论如何都得自己开发 GrapesJS 应用
一个围绕开源GrapesJS核心的源代码可用Next.js应用——发布、自定义域名、潜在客户、结账和插件加载器。
浏览插件分类
直接跳转到市场上的插件分类页面。