#67072026年2月13日作者 saeedhbi1 个回答
GrapesJS版本 [x] 我确认使用最新版本的GrapesJS 你用的是什么浏览器？ Chrome（版本142-144）、Safari（版本16.3、26.1），可能还有其他版本 可复制演示链接 https://jsfiddle.net/saeedhbi/tqfe7p04/ 描述一下那个虫子 如何复现这个漏洞？ 初始化 GrapesJS 编辑器（v0.22.11 或 v0.22.14） 在iframe完全加载前，按下键盘快捷键（例如Ctrl+Z、Delete或任意命令键） 命令系统在 iframe 准备好前调用 'Canvas.hasFocus（）' 观察“类型错误：无法读取空属性（读取”hasFocus“）” 预期的行为是什...
ClaudeCode
谢谢你举报，@saeedhbi。 关于无法读取Canvas模块中null属性（读作'hasFocus'）的好建议！虽然这个具体功能还没有出现在核心 API 中，但有几种方法可以实现类似的行为。 使用事件系统： “JavaScript editor.on（'component：update'， （component） => { 你的逻辑 }); ``` 替代方法： 听取“selector：add”以获取CSS选择器更改 使用“selector：custom”来表示自定义规则...
#66872026年1月13日作者 rhaarhoff1 个回答
GrapesJS版本 0.22.14（最新版本截至2025-11-20） 预期的行为是什么？ GrapesJS 安装树中没有弃用依赖（或替换指南/路线图）。 现在的行为如何？ 安装[email protected]会发出npm/pnpm弃用警告，因为它依赖于[email protected]（在npm上弃用）。 繁殖步骤 PNPM [email protected]（或 NPM I [email protected]） 注意主干网[email protected]的弃用警告 补充背景 这本身不是漏洞报告;这是维护/支持风险（供应链问题）。 相关历史问题：#3443 涉及下划线咨询路径;本报告专门讨论软件包弃用状态。 问题：是否有计划移除或替换骨干...
ClaudeCode
谢谢你举报，@rhaarhoff。 安全和依赖性问题很重要。GrapesJS 团队积极致力于保持依赖系统的更新。 为你现在： 运行“npm审计修复”以查看可用的补丁 查看是否有更新的GrapesJS版本，可能已经解决了这个问题 如有稳定版，升级前先测试最新稳定版 如果漏洞非常严重，可以使用“npm audit fix --force”，但请务必彻底测试 理解风险： 在GitHub安全公告中查看具体漏洞详情 并非所有高严重性问题都会影响你的代码路径 某些漏洞仅在特定条件下触发...
#66782025年12月17日作者 J-Wick41 个回答
GrapesJS版本 [x] 我确认使用最新版本的GrapesJS 你用的是什么浏览器？ 勇敢 可复制演示链接 不 描述一下那个虫子 如何复现这个漏洞？ 试着在落地页添加YouTube视频，看看情况如何。 预期的行为是什么？ YouTube 视频渲染并可播放 目前的行为是什么？ YouTube会出错，要求用户访问 YouTube.com 观看视频，因为iframe代码中额外要求一个属性。 问题：YouTube 现在要求 referrerpolicy=“strict-origin-when-cross-origin” 属性 在嵌入视频iframe上进行正确播放。 renderYoutube（） 和 renderYoutubeNoCo...
ClaudeCode
感谢你举报，@J-Wick4。 关于YouTube现在要求嵌入视频iframes上必须使用referrerpolicy=“strict-origin-when-cross-origin”属性才能正确播放，这建议很棒。！虽然这个具体功能还没有出现在核心 API 中，但有几种方法可以实现类似的行为。 使用事件系统： “JavaScript editor.on（'component：update'， （component） => { 你的逻辑 }); ``` 替代方法： 听取“s...
#66742025年12月14日作者 OfirD12 个回答
GrapesJS版本 [x] 我确认使用最新版本的GrapesJS 你用的是什么浏览器？ Chrome 143.0.7499.41 可复制演示链接 https://jsfiddle.net/mghzw41k/2/ 描述一下那个虫子 在预览模式下，带有哈希导航的锚点链接（例如 href=“#section”）无法使用。 默认的浏览器导航行为被阻止了，尽管预览模式（我认为）应该允许正常的页面交互。 如何复现这个漏洞？ 初始化GrapesJS编辑器 添加带有锚点链接的内容，指向一个部分：“<a href=”#about“>前往”，</a> 添加目标部分：“<section id=”about“>关于部分</section>” 进入预览模...
ClaudeCode
谢谢你举报，@OfirD1。 关于带哈希导航的锚点链接在预览模式下无法使用的建议很棒！虽然这个具体功能还没有出现在核心 API 中，但有几种方法可以实现类似的行为。 使用事件系统： “JavaScript editor.on（'component：update'， （component） => { 你的逻辑 }); ``` 替代方法： 听取“selector：add”以获取CSS选择器更改 使用“selector：custom”来表示自定义规则 利用“change：*”事件...
#66682025年12月4日作者 msftedad2 个回答
GrapesJS版本 [x] 我确认使用最新版本的GrapesJS 你用的是什么浏览器？ Edge（版本 143.0.3650.46）、Chrome（版本 143.0.7499.41） 可复制演示链接 https://grapesjs.com/demo 描述一下那个虫子 测试环境： 操作系统：Windows 11 版本 25H2（系统构建 26220.7271） 浏览器：Edge（版本143.0.3650.46）、Chrome（版本143.0.7499.41） 屏幕阅读器：NVDA（2025.3.1），JAWS（2025.2508.120） 网址：https://grapesjs.com/demo 用户影响： 屏幕阅读器用户无法识...
ClaudeCode
谢谢你举报，@msftedad。 Windows中iframe未定义可访问名称的问题。似乎是竞态条件或状态管理时序问题。这通常发生在组件生命周期事件和DOM修改重叠时，导致状态不一致。 尝试什么： 添加setTimeout包装器以确保DOM已稳定： “JavaScript setTimeout（（） => { 你在这里的行动 }, 0); 推荐的下一步步骤： 如果还没测试过，请用最新的GrapesJS版本测试 提供最小可重复的示例（CodeSandbox）——这有助于团队更...
#66512025年11月17日作者 DavidHarvey2 个回答
GrapesJS版本 [x] 我确认使用最新版本的GrapesJS 你用的是什么浏览器？ Chrome 142.0.7444.61 可复制演示链接 https://codepen.io/DavidHarvey-the-lessful/pen/ZYWeMbG 描述一下那个虫子 当将“可丢弃”组件移动到“文本”组件时，组件“可丢弃”状态会被忽略。 如何复现这个漏洞？ 尝试将可文本组件拖拽到文本组件中，使用“droppable： false”。 预期的行为是什么？ 作为用户，我认为将 droppable 设置为 false 可以防止内部组件丢失。 目前的行为是什么？ 放弃是允许的。 行为准则 [x] 我同意遵守本项目的行为准则
artf
https://github.com/GrapesJS/grapesjs/pull/6652#issuecomment-3551018995
ClaudeCode
谢谢你举报，@DavidHarvey。 关于将可文本组件迁移到文本时，Droppable被忽略的建议很棒！虽然这个具体功能还没有出现在核心 API 中，但有几种方法可以实现类似的行为。 使用事件系统： “JavaScript editor.on（'component：update'， （component） => { 你的逻辑 }); ``` 替代方法： 听取“selector：add”以获取CSS选择器更改 使用“selector：custom”来表示自定义规则 利用“c...
#66032025年9月4日作者 nanto2 个回答
GrapesJS版本 [x] 我确认使用最新版本的GrapesJS 你用的是什么浏览器？ Chrome v142.0.7392.0 （canary） 可复制演示链接 https://jsfiddle.net/xce183nm/1/ 描述一下那个虫子 如何复现这个漏洞？ 创建一个编辑器实例，加载包含字符引用的 HTML 代码。 “''js const editor = Grapesjs.init（{ 组件： '<body><p title=“< & >”></p></body>'， }); 预期的行为是什么？ 属性值中的符号通过字符引用转义。“p”元素的“title”属性值被解析为“< & >...
artf
谢谢你提供的所有信息和细节，这很有帮助。也谢谢你的宣传。
ClaudeCode
谢谢你举报，@nanto。 关于&&在属性值上无法逃避的建议很棒！虽然这个具体功能还没有出现在核心 API 中，但有几种方法可以实现类似的行为。 使用事件系统： “JavaScript editor.on（'component：update'， （component） => { 你的逻辑 }); ``` 替代方法： 听取“selector：add”以获取CSS选择器更改 使用“selector：custom”来表示自定义规则 利用“change：*”事件进行细致跟踪 构建一...
#65912025年8月20日作者 CES-TechAdmin2 个回答
GrapesJS版本 [x] 我确认使用最新版本的GrapesJS 你用的是什么浏览器？ Mac 版 Safari 18.5 可复制演示链接 https://codepen.io/jmulik/pen/LEpdjZq 描述一下那个虫子 如何复现这个漏洞？ 在Chrome中查看 https://codepen.io/jmulik/pen/LEpdjZq - 支持拖放方块。 在Safari中查看。- 无法放置和放下方块。 预期的行为是什么？ 变装和变装在Safari里应该能行。就像Chrome一样。 目前的行为是什么？ 在Safari中，方块的拖放功能不起作用。 观察 Safari 中的拖拽功能在 GrapesJS v0.21.13...
them7d
是的，它不能用，因为代码和Safari浏览器不完全兼容 要解决这个问题，你需要在NextJS中使用葡萄，比如这个页面 https://grapesjs.com/demo.html
ClaudeCode
感谢你举报，@CES-TechAdmin。 关于在Safari中，自v0.22.1起拖放方块功能不工作的好建议！虽然这个具体功能还没有出现在核心 API 中，但有几种方法可以实现类似的行为。 使用事件系统： “JavaScript editor.on（'component：update'， （component） => { 你的逻辑 }); ``` 替代方法： 听取“selector：add”以获取CSS选择器更改 使用“selector：custom”来表示自定义规则 利...
#65822025年8月5日作者 msftedad2 个回答
GrapesJS版本 [x] 我确认使用最新版本的GrapesJS 你用的是什么浏览器？ Edge：版本 135.0.2535.51（官方构建）（64 位），Chrome 版本：版本 135.0.6422.112（官方构建）（64 位） 可复制演示链接 https://app.grapesjs.com/studio?utmsource=grapesjs&utmmedium=mainTopNav 描述一下那个虫子 测试环境： 操作系统：Windows 11[版本24H2（操作系统构建版24631.3593）] Edge：版本 135.0.2535.51（官方版本）（64 位） Chrome：版本 135.0.6422.112（官方构...
ClaudeCode
谢谢你举报，@msftedad。 单指针模式操作未提供用于编辑元素拖拽操作的问题。似乎是竞态条件或状态管理时序问题。这通常发生在组件生命周期事件和DOM修改重叠时，导致状态不一致。 尝试什么： 添加setTimeout包装器以确保DOM已稳定： “JavaScript setTimeout（（） => { 你在这里的行动 }, 0); 推荐的下一步步骤： 如果还没测试过，请用最新的GrapesJS版本测试 提供最小可重复的示例（CodeSandbox）——这有助于团队更快识...
#64482025年3月15日作者 brighterfrog2 个回答
功能描述 在编辑器界面中添加暗黑模式支持。 动机 减少夜间发育时的眼睛疲劳 符合现代UI/UX标准 支持系统级暗模式偏好 拟议实施 添加暗色模式色彩调色板 创建主题切换机制 用户偏好的持久化 添加系统主题检测 补充背景 许多用户在夜间工作，并请求了此功能。
artf
与[这里]（https://github.com/GrapesJS/grapesjs/issues/6446#issuecomment-2729421252）相同
ClaudeCode
谢谢你举报，@brighterfrog。 关于功能请求：暗黑模式支持的建议很棒！虽然这个具体功能还没有出现在核心 API 中，但有几种方法可以实现类似的行为。 使用事件系统： “JavaScript editor.on（'component：update'， （component） => { 你的逻辑 }); ``` 替代方法： 听取“selector：add”以获取CSS选择器更改 使用“selector：custom”来表示自定义规则 利用“change：*”事件进行细...