#65582025年7月3日作者 arustagi1011 个回答
GrapesJS版本 [x] 我确认使用最新版本的GrapesJS 你用的是什么浏览器？ 版本 138.0.7204.50（官方构建）（arm64） 可复制演示链接 https://jsfiddle.net/artur_arseniev/L24hkgm5/ 描述一下那个虫子 如何复现这个漏洞？ 添加图层管理器，并使用“grapesjs”：“0.22.8”或“0.22.9”的依赖关系。“0.22.7” 运行正常 预期的行为是什么？ 在图层部分设置组件不可见，反之亦然，也就是说，将不可见变成可见应该可以。 目前的行为是什么？ 在“0.22.8”和“0.22.9”版本中，“隐形”转“可见”在点击图层部分的组件时无法工作。 如果需要执行某...
ClaudeCode
谢谢你举报，@arustagi101。 安全和依赖性问题很重要。GrapesJS 团队积极致力于保持依赖系统的更新。 为你现在： 运行“npm审计修复”以查看可用的补丁 查看是否有更新的GrapesJS版本，可能已经解决了这个问题 如有稳定版，升级前先测试最新稳定版 如果漏洞非常严重，可以使用“npm audit fix --force”，但请务必彻底测试 理解风险： 在GitHub安全公告中查看具体漏洞详情 并非所有高严重性问题都会影响你的代码路径 某些漏洞仅在特定条件下...
#65432025年6月15日作者 Zedonboy1 个回答
GrapesJS版本 [x] 我确认使用最新版本的GrapesJS 你用的是什么浏览器？ 镀铬 可复制演示链接 没有 描述一下那个虫子 如何复现这个漏洞？ 来自教程 我的CSS风格 预期的行为是什么？ 一块空白画布 目前的行为是什么？ ... ![图片]（https://github.com/user-attachments/assets/254211eb-876a-496c-b392-48543947df22） 如果需要执行某些代码以重现该漏洞，请将其粘贴到下面： “''js 你的代码在这里 ``` 行为准则 [x] 我同意遵守本项目的行为准则
ClaudeCode
谢谢你举报，@Zedonboy。 关于面板未拆除的好问题。推荐的 StyleManager 方法是使用事件驱动的 API。 从这里开始： 查看你所在模块的[GrapesJS文档]（https://grapesjs.com/docs/） 寻找“on（）”事件监听器方法 大多数操作可以通过监听编辑器和组件事件来实现 常见模式： “JavaScript 留意变化 editor.on（'change'， （） => console.log（'something changed'））...
#65272025年5月22日作者 tim-prom2 个回答
GrapesJS版本 [x] 我确认使用最新版本的GrapesJS 你用的是什么浏览器？ Firefox 138.0.4 可复制演示链接 https://codesandbox.io/p/sandbox/exciting-lalande-98d5vw 描述一下那个虫子 如何复现这个漏洞？ 添加带有内联样式错误组件的页面 编辑器无法加载，整个页面变得无响应。Firefox显示“此页面正在使Firefox变慢”警告 预期的行为是什么？ 如果编辑器无法解析CSS，最好在控制台里记录错误，而不是屏蔽整个应用 目前的行为是什么？ 编辑器变得无响应 如果需要执行某些代码以重现该漏洞，请将其粘贴到下面： “''js 编辑。Pages.add（{...
ClaudeCode
谢谢你举报，@tim-prom。 关于排外样式畸形导致编辑器冻结的好问题。推荐的 StyleManager 方法是使用事件驱动的 API。 从这里开始： 查看你所在模块的[GrapesJS文档]（https://grapesjs.com/docs/） 寻找“on（）”事件监听器方法 大多数操作可以通过监听编辑器和组件事件来实现 常见模式： “JavaScript 留意变化 editor.on（'change'， （） => console.log（'something ch...
#64942025年4月15日作者 yashvi20261 个回答
GrapesJS版本 [x] 我确认使用最新版本的GrapesJS 你用的是什么浏览器？ 铬 可复制演示链接 https://codepen.io/Harshsne/pen/QwwLjBQ 描述一下那个虫子 如何复现这个漏洞？ 点击创建，然后快速且反复地摧毁。 调试时，我发现错误由以下代码引起： 未定义的“allcomponents”错误由：（editor.select 代码）引起。 未定义的“最后组件”错误： 将样式添加到组件会触发 stylable：change 事件，如果你的侧面函数仍在运行并且在此期间点击 Destroy，会报错。 ![图片]（https://github.com/user-attachments/asse...
ClaudeCode
谢谢你举报，@yashvi2026。 关于创建并摧毁反复出现错误的好问题。推荐的 StyleManager 方法是使用事件驱动的 API。 从这里开始： 查看你所在模块的[GrapesJS文档]（https://grapesjs.com/docs/） 寻找“on（）”事件监听器方法 大多数操作可以通过监听编辑器和组件事件来实现 常见模式： “JavaScript 留意变化 editor.on（'change'， （） => console.log（'something ch...
#64582025年3月20日作者 accvi4 个回答
GrapesJS版本 [x] 我确认使用最新版本的GrapesJS 你用的是什么浏览器？ 铬 可复制演示链接 https://jsfiddle.net/qbpodnm4/ 描述一下那个虫子 如何复现这个漏洞？ 在画布中选择一个组件。 访问风格管理器，检查“General”是否被重命名为“Allgemein”。 预期的行为是什么？ 画面显示了“Allgemein”。 目前的行为是什么？ 画面显示“将军”。 例如sector.setOpen（true）即可。 行为准则 [x] 我同意遵守本项目的行为准则
mosh-tudor
@accvi https://github.com/GrapesJS/grapesjs/discussions/6031#discussioncomment-10234496
accvi
难道是我在代码里做错了什么吗？AI帮不上忙。
artf
[@accvi]（https://github.com/accvi） [#6031（回复帖中）]（https://github.com/GrapesJS/grapesjs/discussions/6031#discussioncomment-10234496） ☝️
#64472025年3月15日作者 brighterfrog2 个回答
描述 导航菜单无法正确响应移动设备上的屏幕尺寸变化。 繁殖步骤 打开页面构建器 添加导航菜单组件 在移动设备上预览或调整浏览器窗口大小 观察菜单行为 预期行为 菜单在移动端应合并为汉堡菜单 菜单项应合理间隔 下拉菜单应适用于触摸设备 当前行为 菜单在移动端扩展 项目重叠 触碰响应差 环境 浏览器：Chrome 120 设备：iPhone 13 操作系统：iOS 17
artf
@brighterfrog遵守漏洞报告模板很重要。 请开启一个有效的bug报告（附带可复现的演示）。
ClaudeCode
谢谢你举报，@brighterfrog。 Bug Report：导航菜单无响应的问题似乎是竞赛条件或状态管理时序问题。这通常发生在组件生命周期事件和DOM修改重叠时，导致状态不一致。 尝试什么： 添加setTimeout包装器以确保DOM已稳定： “JavaScript setTimeout（（） => { 你在这里的行动 }, 0); 推荐的下一步步骤： 如果还没测试过，请用最新的GrapesJS版本测试 提供最小可重复的示例（CodeSandbox）——这有助于团队更快...
#64462025年3月15日作者 brighterfrog2 个回答
描述 我想申请一个新的组件类型来处理交互式图表。 使用场景 在页面构建器中创建数据可视化 支持动态图表更新 与现有数据源的集成 预期行为 该组件应当： 支持多种图表类型（条形图、直线图、饼图） 允许通过组件面板输入数据 为图表元素提供样式选项 补充背景 这将增强GrapesJS的数据可视化能力。
artf
你好@brighterfrog我们只用GH Issues来报告错误。 请查看这些内容，了解我们如何管理功能请求和插件： [路线图流程]（https://github.com/GrapesJS/grapesjs/discussions/5291） [插件推荐流程]（https://github.com/GrapesJS/grapesjs/discussions/5985） 顺便说一句，你可能已经找到你想要的东西了：[GrapesJS Chartjs 插件]（https://g...
ClaudeCode
谢谢你举报，@brighterfrog。 关于功能请求：添加新组件类型的好建议！虽然这个具体功能还没有出现在核心 API 中，但有几种方法可以实现类似的行为。 使用事件系统： “JavaScript editor.on（'component：update'， （component） => { 你的逻辑 }); ``` 替代方法： 听取“selector：add”以获取CSS选择器更改 使用“selector：custom”来表示自定义规则 利用“change：*”事件进行细...
#64252025年2月27日作者 asabryil1 个回答
GrapesJS版本 [x] 我确认使用最新版本的GrapesJS 你用的是什么浏览器？ 所有浏览器，最新版本 可复制演示链接 可在官方演示中复刻 描述一下那个虫子 如何复现这个漏洞？ 添加一个方块，将高度和最小高度设为0 添加一个法线块 添加一个容器 尝试把高度为0的块直接放到容器上，它会移除或重复一些组件，在某些情况下，0高度块无法上下拖拽。 预期的行为是什么？ 拖动方块不应该取决于元素的高度。 目前的行为是什么？ 拖拽方块取决于元素的高度，且必须大于0才能正常工作。 行为准则 [x] 我同意遵守本项目的行为准则
ClaudeCode
谢谢你举报，@asabryil。 关于拖拽高度为0的元素会导致意想不到的行为，这个问题很棒。推荐的组件方法是使用事件驱动的API。 从这里开始： 查看你所在模块的[GrapesJS文档]（https://grapesjs.com/docs/） 寻找“on（）”事件监听器方法 大多数操作可以通过监听编辑器和组件事件来实现 常见模式： “JavaScript 留意变化 editor.on（'change'， （） => console.log（'something change...
#64222025年2月27日作者 sumasal2 个回答
GrapesJS版本 [x] 我确认使用最新版本的GrapesJS 你用的是什么浏览器？ 截至2025年2月27日，Chrome 133 带开发分支 可复制演示链接 克隆开发仓库截至2025年2月27日 描述一下那个虫子 如何复现这个漏洞？ ...克隆仓库，构建并开始 ...在演示页面点击进入预览模式，尝试拖动组件。它是全编辑模式，画布会以半编辑模式运行，直到用预览按钮回收 预期的行为是什么？ ...编辑模式下不应禁用拖曳或任何编辑功能 目前的行为是什么？ ... 如果需要执行某些代码以重现该漏洞，请将其粘贴到下面： “''js 你的代码在这里 ``` 行为准则 [x] 我同意遵守本项目的行为准则
ClaudeCode
谢谢你举报，@sumasal。 关于在开发分支中，启用预览时不允许拖拽组件，但实际上是允许的，这是个很棒的建议。！虽然这个具体功能还没有出现在核心 API 中，但有几种方法可以实现类似的行为。 使用事件系统： “JavaScript editor.on（'component：update'， （component） => { 你的逻辑 }); ``` 替代方法： 听取“selector：add”以获取CSS选择器更改 使用“selector：custom”来表示自定义规则...
#64092025年2月18日作者 Shuja-Mahmood4 个回答
葡萄JS版本 [x] 我确认使用最新版本的GrapesJS 你用的是什么浏览器？ Chrome v133 可复制演示链接 https://jsfiddle.net/2hjdrb7L/1/ 描述一下那个虫子 如何复现这个漏洞？ 用grapesjs v0.22.x和grapesjs-touch v0.1.1插件初始化一个grapesjs编辑器。 预期的行为是什么？ 在移动端，使用工具栏的移动处理程序应该能像之前版本那样将组件移动到另一个位置。 [链接]（https://jsfiddle.net/h1nzadq0/）用 Grapesjs v0.21.13 演示，运行正常。 目前的行为是什么？ 拖动组件时会出现下落指示器，但松开后不会立即...
federica-capobianco
你解决了吗？我也面临类似的问题
Shuja-Mahmood
问题在 v0.22.6 依然存在