#48122022年12月27日作者 FaisalShaikhHA2 个回答
葡萄JS版本 [X] 我确认使用最新版本的GrapesJS 你用的是什么浏览器？ 107.0.5304.110（官方构建）（arm64） 可复制演示链接 https://codepen.io/faisal-praella/pen/rNvOwgR 描述一下那个虫子 当父组件设置为“可分层：false”时，它不可见，其所有子组件在图层管理器中也不可见。 当其子组件被设置为“可分层：true”时，应该能在图层管理器中看到。 预期的行为是什么？ 父组件和其子组件应当隐藏，但带有“layerable： true”的子组件应在图层管理器中可见。 目前的行为是什么？ 带有“layerable： true”的子节点在图层管理器中不可见。 行为准则...
artf
不幸的是，这就是目前“可分层”的机制，所以不是bug，但我很乐意接受一个PR以改善这种行为。
ClaudeCode
谢谢你举报，@FaisalShaikhHA。 Layerable 属性在父子情景中未按预期工作的问题似乎是竞态条件或状态管理时序问题。这通常发生在组件生命周期事件和DOM修改重叠时，导致状态不一致。 尝试什么： 添加setTimeout包装器以确保DOM已稳定： “JavaScript setTimeout（（） => { 你在这里的行动 }, 0); 推荐的下一步步骤： 如果还没测试过，请用最新的GrapesJS版本测试 提供最小可重复的示例（CodeSandbox）——...
#48032022年12月25日作者 miladmeidanshahi1 个回答
葡萄JS版本 [X] 我确认使用最新版本的GrapesJS 你用的是什么浏览器？ Chrome 108 可复制演示链接 https://grapesjs.com/demo.html 描述一下那个虫子 如何复现这个漏洞？ 使用工具提示组件，通过“editor.getSelected（）.getTraits（）”获取特质，因为你可以看到“data-tooltip-length”值是空的，设置面板设置后会填满该值，但重新刷新页面后值为false。其他类型如布尔值和文本填充值，即使刷新了页面，我觉得所选类型出了问题。所有使用选择型性状的组件都发生了这种情况。 ![截图来自2022-12-25 12-45-45]（https://user-...
ClaudeCode
谢谢你举报，@miladmeidanshahi。 关于特质价值类型选择不填补价值的好问题。推荐的组件方法是使用事件驱动的API。 从这里开始： 查看你所在模块的[GrapesJS文档]（https://grapesjs.com/docs/） 寻找“on（）”事件监听器方法 大多数操作可以通过监听编辑器和组件事件来实现 常见模式： “JavaScript 留意变化 editor.on（'change'， （） => console.log（'something changed...
#48012022年12月23日作者 eduardocalixtokorp2 个回答
葡萄JS版本[X] 我确认使用最新版本的GrapesJS你用的是什么浏览器？ Chrome 108.0.5359.125（Windows）可复制演示链接 https://codesandbox.io/s/white-meadow-o56l2d?file=/src/Chart/Chart.js:135-254 这个演示不在最新的 grapesjs 版本里，但在本地使用最新版本时，我遇到了同样的 bug描述一下那个虫子 如何复现这个漏洞？访问此[链接]（https://codesandbox.io/s/white-meadow-o56l2d?file=/src/Chart/Chart.js:135-254）打开控制台拖拽“图表”方块到...
eduardocalixtokorp
我注意到在我的组件定义中，我正在做 'reactRoot.render（<>{reactEl} </>）' 在onRender（）中，我之前遗漏了补充 'root.unmount（）' n remove（） 方法
ClaudeCode
谢谢你举报，@eduardocalixtokorp。 关于React componentscomponentWillUnmount不叫的好问题。推荐的组件方法是使用事件驱动的API。 从这里开始： 查看你所在模块的[GrapesJS文档]（https://grapesjs.com/docs/） 寻找“on（）”事件监听器方法 大多数操作可以通过监听编辑器和组件事件来实现 常见模式： “JavaScript 留意变化 editor.on（'change'， （） => con...
#48002022年12月23日作者 usmanqamar-int2 个回答
葡萄JS版本 [X] 我确认使用最新版本的GrapesJS 你用的是什么浏览器？ 铬 可复制演示链接 https://zmzr3n.csb.app/ 描述一下那个虫子 如何复现这个漏洞？ 在删除或添加多个组件时，其他组件的位置发生了变化。 预期的行为是什么？ 这不应改变他们的立场行为准则 [X] 我同意遵守本项目的行为准则
artf
这就是翻译的原理，另一种选择是使用绝对模式
ClaudeCode
感谢你举报，@usmanqamar-int。 关于移除或添加组件会改变其他组件位置的拖拽模式翻译，有没有解决办法？推荐的组件方法是使用事件驱动的API。 从这里开始： 查看你所在模块的[GrapesJS文档]（https://grapesjs.com/docs/） 寻找“on（）”事件监听器方法 大多数操作可以通过监听编辑器和组件事件来实现 常见模式： “JavaScript 留意变化 editor.on（'change'， （） => console.log（'somet...
#47992022年12月23日作者 AgnRakul2 个回答
葡萄JS版本 [X] 我确认使用最新版本的GrapesJS 你用的是什么浏览器？ 铬 可复制演示链接 https://jsfiddle.net/6c7xw3Lu/2/ 描述一下那个虫子 [屏幕录制时间：2022-12-23 12：24：15 IST.webm]（https://user-images.githubusercontent.com/70213104/209287702-270827d7-57f3-4501-a89b-8b3d51cba2b2.webm） 版本0.20.2的拖拽模式问题，视频中无法看到拖拽，请检查一次 行为准则 [X] 我同意遵守本项目的行为准则
artf
这与[本期]（https://github.com/artf/grapesjs/issues/4792）相关，且已准备好下一次发布。
ClaudeCode
感谢你报告，@AgnRakul。 0.20.2版本中Issue的setDragMode问题似乎是竞态条件或状态管理时序问题。这通常发生在组件生命周期事件和DOM修改重叠时，导致状态不一致。 尝试什么： 添加setTimeout包装器以确保DOM已稳定： “JavaScript setTimeout（（） => { 你在这里的行动 }, 0); 推荐的下一步步骤：* 如果还没测试过，请用最新的GrapesJS版本测试 提供最小可重复的示例（CodeSandbox）——这有助于...
#47972022年12月21日作者 vaneatka1 个回答
葡萄JS版本 [X] 我确认使用最新版本的GrapesJS 你用的是什么浏览器？ 任何 可复制演示链接 无 描述一下那个虫子 请修正 的类型 keepUnusedStyles？： 0; https://github.com/artf/grapesjs/blob/dev/index.d.ts#L261 以避免这种代码 保持未使用风格：如同任何事一样真实， 谢谢。行为准则 [X] 我同意遵守本项目的行为准则
ClaudeCode
谢谢你举报，@vaneatka。 change type keepUnusedStyles？： 0; 的问题似乎是竞赛条件或状态管理时序问题。这通常发生在组件生命周期事件和DOM修改重叠时，导致状态不一致。 尝试什么： 添加setTimeout包装器以确保DOM已稳定： “JavaScript setTimeout（（） => { 你在这里的行动 }, 0); 推荐的下一步步骤： 如果还没测试过，请用最新的GrapesJS版本测试 提供最小可重复的示例（CodeSandbo...
#47962022年12月21日作者 RakulAgn2 个回答
这种方法对普通HTML来说是正常的。但当我尝试用MJML来标记MJ-IMAGE标签时， SRC在TR标签中是更新的，但在TR标签内的img标签中没有更新 下方图片 ![截图来自2022-12-21 13-32-13（1）]（https://user-images.githubusercontent.com/119593989/208852368-33fc6704-88e4-4ac0-8f9c-9c022efd67cb.jpg） Originally由@RakulAgn在 https://github.com/artf/grapesjs/discussions/4795发布
artf
@RakulAgn请避免在讨论中制造问题。
ClaudeCode
谢谢你举报，@RakulAgn。 感谢你分享关于使用mjml时自定义特征未更新的报告。为了帮助团队调查并优先排序： 请提供： 一个最小可复现的例子（CodeSandbox/JSFiddle） 你的GrapesJS版本号 浏览器和操作系统信息 浏览器控制台的任何错误信息 重现问题的步骤 最有帮助的是什么： 简约代码示例（不是你整个项目） 屏幕录制或截图显示问题 明确区分预期行为与实际行为 你正在使用的GrapesJS配置 有了这些细节，维护者可以更快地识别和优先排序修复。Gr...
#47922022年12月19日作者 wunksert4 个回答
葡萄JS版本[X] 我确认使用最新版本的GrapesJS你用的是什么浏览器？ Chrome v108可复制演示链接 见下文描述一下那个虫子 如何复现这个漏洞？创建自定义组件将其作为组件和可拖拽块添加到编辑器中添加组件时将编辑器设置为绝对拖拽模式，丢弃后再将组件本身设为绝对拖拽。重置编辑器 预期的行为是什么？ 组件保持在放置的位置（这在 v 0.20.1 中正常工作） 目前的行为是什么？ 组件会吸附到屏幕右侧（这种行为是在0.20.2版本中新增的）行为准则[X] 我同意遵守本项目的行为准则
wunksert
确认它在 v0.20.1 中仍然有效，所以看起来回归是在 v0.20.2 引入的
wunksert
组件一旦添加到画布中，也无法再拖曳。
#47912022年12月19日作者 joukhar2 个回答
葡萄JS版本 [X] 我确认使用最新版本的GrapesJS 你用的是什么浏览器？ Chrome 桌面版本 108.0.5359.125 最新版本 可复制演示链接 无 描述一下那个虫子 如何复现这个漏洞？ 当从块管理器拖拽组件时，事件不会触发。 如果需要执行某些代码以重现该漏洞，请将其粘贴到下面： “''js editor.on（'block：drag'，函数 （e， a） { 编辑。Commands.run（'hide-panels'） }) ```行为准则 [X] 我同意遵守本项目的行为准则
artf
谢谢@joukhar实际上“阻挡：拖拽”事件存在一些不一致，我会在下一个版本中尝试修复。
ClaudeCode
谢谢你举报，@joukhar。 关于block：drag事件在触摸设备上即使包含了触摸插件也无法正常工作，这个问题非常好。推荐的组件方法是使用事件驱动的API。 从这里开始： 查看你所在模块的[GrapesJS文档]（https://grapesjs.com/docs/） 寻找“on（）”事件监听器方法 大多数操作可以通过监听编辑器和组件事件来实现 常见模式： “JavaScript 留意变化 editor.on（'change'， （） => console.log（'s...
#47902022年12月18日作者 clonefunnels3 个回答
葡萄JS版本 [X] 我确认使用最新版本的GrapesJS 你用的是什么浏览器？ 铬 可复制演示链接 旧版本不行。 真希望我能升级！ 描述一下那个虫子 抱歉，我得勾选发帖框...... 如何复现这个漏洞？...用旧版的GrapesJS，因为你无法像我一样让新的存储管理器工作。...尝试用移动端优化页面。 预期的行为是什么？ ...它会保留你做更改时插入的CSS。 目前的行为是什么？ ...事实并非如此。 如果需要执行某些代码以重现该漏洞，请将其粘贴到下面： “''js 你的代码在这里 ``` 你只需按下导入按钮，它就消失了。 ![2022-12-1806h1426]（https://user-images.githubuserco...
clonefunnels
如果能修复，我不介意继续用旧版本。 或者有人能告诉我如何在不安装Rest API的情况下，像以前那样加载HTML和CSS吗？
clonefunnels
我找到了问题所在。 是grapesjs-parser-postcss.min.js？0.1.1 我用1.0.1替换了它
ClaudeCode
谢谢你举报，@clonefunnels。 关于旧版BUG的好问题——如果我找不到帮助让最新版本正常工作......。推荐的 StyleManager 方法是使用事件驱动的 API。 从这里开始： 查看你所在模块的[GrapesJS文档]（https://grapesjs.com/docs/） 寻找“on（）”事件监听器方法 大多数操作可以通过监听编辑器和组件事件来实现 常见模式： “JavaScript 留意变化 editor.on（'change'， （） => cons...