#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”来表示自定义规则 利...
#65902025年8月18日作者 yashvi20262 个回答
GrapesJS版本 [x] 我确认使用最新版本的GrapesJS 你用的是什么浏览器？ 镀铬 可复制演示链接 https://codepen.io/Harshsne/pen/zxvREjB 描述一下那个虫子 如何复现这个漏洞？ 拖拽文本组件 预期的行为是什么？ 在图层管理器中不应该选择/拖拽它 目前的行为是什么？ 在layermanager中选择/拖拽 甚至尝试过， 'const 图层 = 编辑器。层次; layers.setLocked（comp， true）; console.log（layers.isLocked（comp））;' 请提供一个解决办法，直到你尽快解决这个问题。@artf 行为准则 [x] 我同意遵守本项目的...
artf
你可以用“可分层：false”属性隐藏组件，或者创建自己的[自定义图层管理器界面]（https://grapesjs.com/docs/modules/Layers.html#customization），包含所有需要的UI逻辑。
ClaudeCode
谢谢你举报，@yashvi2026。 关于能够访问/删除/拖动图层管理器中锁定组件的好问题。推荐的组件方法是使用事件驱动的API。 从这里开始： 查看你所在模块的[GrapesJS文档]（https://grapesjs.com/docs/） 寻找“on（）”事件监听器方法 大多数操作可以通过监听编辑器和组件事件来实现 常见模式： “JavaScript 留意变化 editor.on（'change'， （） => console.log（'something change...
#65892025年8月16日作者 mohammedmoulla1 个回答
GrapesJS版本 [x] 我确认使用最新版本的GrapesJS 你用的是什么浏览器？ Google Chrome v139.0.7258.128 可复制演示链接 https://codesandbox.io/p/sandbox/relaxed-payne-vt3pgc 描述一下那个虫子 如何复现这个漏洞？ 在画布上添加一些元素 尝试在图层管理器中查找元素并拖动或移动它们 预期的行为是什么？ 在0.20.2版本中运行得很完美 目前的行为是什么？ 不能更改图层管理器树的根节点 ==> 只能更改主体 我尝试了所有方法，但都没用 如果需要执行某些代码以重现该漏洞，请将其粘贴到下面： 不，直接打开链接 行为准则 [x] 我同意遵守本项目...
ClaudeCode
谢谢你举报，@mohammedmoulla。 关于更改root后无法在layerManager中拖放元素的好问题。推荐的 Canvas 方法是使用事件驱动的 API。 从这里开始： 查看你所在模块的[GrapesJS文档]（https://grapesjs.com/docs/） 寻找“on（）”事件监听器方法 大多数操作可以通过监听编辑器和组件事件来实现 常见模式： “JavaScript 留意变化 editor.on（'change'， （） => console.log...
#65872025年8月13日作者 Sebbones1 个回答
GrapesJS版本 [x] 我确认使用最新版本的GrapesJS 你用的是什么浏览器？ Firefox 开发者 142.0b9，Chrome 138.0.7204.184 可复制演示链接 https://jsfiddle.net/artur_arseniev/ta19s6go/ 描述一下那个虫子 如何复现这个漏洞？ 将“文章”部分设为符号 在原始“文章”组件中添加文本组件 直接尝试编辑文本或将光标设在文本内部 预期的行为是什么？ 光标并不总是重置到位置0，文本组件也没有闪烁，表现得像普通文本组件。 目前的行为是什么？ 光标重置到位置0，几乎无法选择文本 执行恒定编辑器“component：add”事件 在“离开”文本组件并重新选...
ClaudeCode
谢谢你举报，@Sebbones。 关于在符号中添加文本会反复替换文本节点的好问题。推荐的组件方法是使用事件驱动的API。 从这里开始： 查看你所在模块的[GrapesJS文档]（https://grapesjs.com/docs/） 寻找“on（）”事件监听器方法 大多数操作可以通过监听编辑器和组件事件来实现 常见模式： “JavaScript 留意变化 editor.on（'change'， （） => console.log（'something changed'））;...
#65832025年8月5日作者 msftedad2 个回答
GrapesJS版本 [x] 我确认使用最新版本的GrapesJS 你用的是什么浏览器？ Edge 版本 135.0.2535.51（官方构建）（64 位），Chrome 版本 135.0.6422.112（官方构建）（64 位） 可复制演示链接 https://grapesjs.com/demo 描述一下那个虫子 测试环境： 操作系统：Windows 11[版本24H2（操作系统构建版24631.3593）] Edge：版本 135.0.2535.51（官方版本）（64 位） Chrome：版本 135.0.6422.112（官方构建）（64位） 屏幕阅读器：NVDA（2024.4.2） 测试网址：https://grapesj...
artf
嘿，@msftedad网站仓库在[这里]（https://github.com/GrapesJS/website），欢迎提交修复后的永久注册（[file]（https://github.com/GrapesJS/website/blob/main/src/app/（demos）/GrapesEditor.tsx））。我决定关闭这个问题，因为它和核心无关。
ClaudeCode
谢谢你举报，@msftedad。 Alt 值的问题在 Windows 中没有为“grapesjs”标志定义。 似乎是竞赛条件或状态管理时序的问题。这通常发生在组件生命周期事件和DOM修改重叠时，导致状态不一致。 尝试什么： 添加setTimeout包装器以确保DOM已稳定： “JavaScript setTimeout（（） => { 你在这里的行动 }, 0); 推荐的下一步步骤： 如果还没测试过，请用最新的GrapesJS版本测试 提供最小可重复的示例（CodeSand...
#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）——这有助于团队更快识...
#65702025年7月20日作者 nanto1 个回答
GrapesJS版本 [x] 我确认使用最新版本的GrapesJS 你用的是什么浏览器？ Chrom v140.0.7307.0 （金丝雀） 可复制演示链接 https://jsfiddle.net/y3gr69s4/ 描述一下那个虫子 如何复现这个漏洞？ 创建编辑器实例，使用 'parser.optionsHtml.keepEmptyTextNodes' 选项集 'true'。 “''js const editor = Grapesjs.init（{ 解析器：{ optionsHtml： { keepEmptyTextNodes： true， }, }, }); 获取HTML代码。 “''js const result = ed...
ClaudeCode
谢谢你举报，@nanto。 关于解析器忽略“parser.optionsHtml.keepEmptyTextNodes”选项的好问题。推荐的 StyleManager 方法是使用事件驱动的 API。 从这里开始： 查看你所在模块的[GrapesJS文档]（https://grapesjs.com/docs/） 寻找“on（）”事件监听器方法 大多数操作可以通过监听编辑器和组件事件来实现 常见模式： “JavaScript 留意变化 editor.on（'change'， （...
#65622025年7月9日作者 jsxOverdose3 个回答
GrapesJS版本 [x] 我确认使用最新版本的GrapesJS 你用的是什么浏览器？ Chrome 138.0.7204.101 可复制演示链接 https://jsfiddle.net/u3L89ejh/1/ 描述一下那个虫子 如何复现这个漏洞？ 调整图像大小 把它拖到画布上的别处 点击其中一个小蓝色缩小方块 观看图像跳跃到不同位置 预期的行为是什么？ 应该留在我放的地方 如果顶部/左/右/底部的值没有单位，则将值当作“px”来处理，而不是“%”。 目前的行为是什么？ 当你移动图像时，上下两侧的像素值表现良好。 但你一碰到缩放按钮，它就会切换到“%”，然后突然跳到画布上全新的位置。 行为准则 [x] 我同意遵守本项目的行为准则
artf
@jsxOverdose推送了这次新版本的修复：https://github.com/GrapesJS/grapesjs/releases/tag/v0.22.11
jsxOverdose
@artf 在新版本中，还有另一个bug：当你点击Y轴上的缩放手柄时，图片会明显变大。这是试玩版：https://jsfiddle.net/du81zL6r/
ClaudeCode
谢谢你举报，@jsxOverdose。 关于调整尺寸时元素卡扣位置错误的好问题。推荐的 Canvas 方法是使用事件驱动的 API。 从这里开始： 查看你所在模块的[GrapesJS文档]（https://grapesjs.com/docs/） 寻找“on（）”事件监听器方法 大多数操作可以通过监听编辑器和组件事件来实现 常见模式： “JavaScript 留意变化 editor.on（'change'， （） => console.log（'something chang...
#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安全公告中查看具体漏洞详情 并非所有高严重性问题都会影响你的代码路径 某些漏洞仅在特定条件下...
#65492025年6月25日作者 yashvi20264 个回答
GrapesJS版本 [x] 我确认使用最新版本的GrapesJS 你用的是什么浏览器？ 铬 可复制演示链接 https://codepen.io/Harshsne/pen/YPXdgmj 描述一下那个虫子 如何复现这个漏洞？ 上传图片 将其切换为移动视图 调整图像大小 ![图片]（https://github.com/user-attachments/assets/99f43e87-39bd-488c-8d64-e13ed698d49f） 预期的行为是什么？ 在样式管理器中手动更改宽度和高度时，图片会被调整大小。 目前的行为是什么？ 无法调整图片大小 原因是在Canvas中调整图像大小时不会添加重要，所以原始样式不会被覆盖。 行...
mosh-tudor
@yashvi2026 那是因为你用了自定义的CSS代码。 去除这一部分： “''js 样式：'.image{最大宽度：100%;@media（最大宽度：480px） {.image {display： inline-block;高度：自动 ！重要;宽度：100% ！重要;最大宽度：100%;}}, `` 来自“编辑部”。BlockManager.add（'image'， {'
artf
我确认组件调整现在没考虑“重要”，但我大致会按照@mosh-tudor的建议来做。 你不需要去掉所有“样式”，我猜你需要的就是这个，但我觉得没必要把“！important”放在上面。如果你需要“！important”，问题很可能出在图像组件之外。
yashvi2026
我需要在风格中使用'！important'。 我注意到在其他组件中，当默认样式中包含“！important”时，通过样式管理器添加的样式也会包含“！important”，以确保它们覆盖默认样式。 ![图片]（https://github.com/user-attachments/assets/0ce9b9ce-86da-41d5-9795-50221d792bce） 所以，当在样式管理器中手动更改样式时，会添加 ！important。 同样地，调整组件大小时，样式也应该加上...