问题 #4474💬 已回答提出于 2022年7月22日作者 bimsina2 个反应

Running in headless mode requires window

快速解答作者 skru❤ 1

参见#4473

问题

GrapesJS 版本[X] 我确认使用最新版本 GrapesJS你用的是什么浏览器？ Chrome 103.0.5060.134可复制演示链接 https://stackblitz.com/edit/node-zrdtg4?file=index.js描述一下那个虫子如何复现这个漏洞？在无头模式下初始化编辑器仅用一个基础文本节点加载项目数据 <细节> <摘要>点击展开查看样本数据。</摘要> </详情> 示例代码分别使用 editor.getHtml() 和 editor.getCss() 生成HTML和CSS。HTML和CSS应能成功生成。现在加载包含文本和图像的数据 <细节> <摘要>点击展开查看样本数据。</摘要> </详情>生成HTML和CSS ----- 预期的行为是什么？据我了解，在无头模式下运行不应该需要窗口或文档访问，所以理论上HTML和CSS都应该在两种情况下都能生成。目前的行为是什么？ HTML和CSS在第一种情况下会生成，但在第二种情况下不会，并且会报错。添加视频块时也是如此，但只有在这种情况下错误是“文档未定义” ` 行为准则[X] 我同意遵守本项目的行为准则

回答（3）

skru• 2022年7月22日

参见#4473

artf• 2022年7月22日

这里已修正 https://github.com/artf/grapesjs/commit/f61222ec904ed56794f7b97e362ea2006dfceaf6

GJSBlock• 2026年5月17日

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

在 GitHub 上查看完整讨论 →