#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...
#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...
#47842022年12月14日作者 phamthanhbinh47963 个回答
葡萄JS版本[X] 我确认使用最新版本的GrapesJS你用的是什么浏览器？ 108.0.5359.73可复制演示链接 https://user-images.githubusercontent.com/44830209/56891735-89203380-6a8e-11e9-8d42-c530d5aa0ae2.gif描述一下那个虫子 错误调整图像大小 嗨！ 我在调整图片大小时遇到了一些问题。 当我放置图片并点击一个调整尺寸的处理程序时，图片不会保持高度，而是扩展到父容器的100%...... 可调整大小：1 作为背景，图像有一个绝对位置。 谢谢大家的帮助！行为准则[X] 我同意遵守本项目的行为准则
MrRainDrop9x
我也有同样的问题，有人能帮帮我们吗？
artf
我建议所有与绝对模式相关的bug请参考[本问题]（https://github.com/artf/grapesjs/issues/3770）。
ClaudeCode
谢谢你举报，@phamthanhbinh4796。 错误调整图像大小的问题似乎是竞态条件或状态管理时序问题。这通常发生在组件生命周期事件和DOM修改重叠时，导致状态不一致。 尝试什么： 添加setTimeout包装器以确保DOM已稳定： “JavaScript setTimeout（（） => { 你在这里的行动 }, 0); 推荐的下一步步骤： 如果还没测试过，请用最新的GrapesJS版本测试 提供最小可重复的示例（CodeSandbox）——这有助于团队更快识别根本原...
#47742022年12月9日作者 edenizk2 个回答
葡萄JS版本 [X] 我确认使用最新版本的GrapesJS 你用的是什么浏览器？ Firefox 可复制演示链接 https://jsfiddle.net/9aj630x7/ 描述一下那个虫子 如何复现这个漏洞？创建一个元素将 data-gjs-traits 属性设置为任何默认特征名，比如 'id' 或 'title'，这样会把整个功能压垮 预期的行为是什么？ 我预期结果和'data-gjs-traits='一样，就是把特质设为空 目前的行为是什么？ 如果我放别的东西，而不是空绳子，葡萄会被压碎 如果需要执行某些代码以重现该漏洞，请将其粘贴到下面： “''js 你的代码在这里 ```行为准则 [X] 我同意遵守本项目的行为准则
artf
你应该使用正确解析的JSON字符串，比如，'data-gjs-traits='[“id”]''， 'data-gjs-traits=“[]''
ClaudeCode
谢谢你举报，@edenizk。 关于无法在属性中设置特质的好问题。GrapesJS 推荐的方法是使用事件驱动 API。 从这里开始： 查看你所在模块的[GrapesJS文档]（https://grapesjs.com/docs/） 寻找“on（）”事件监听器方法 大多数操作可以通过监听编辑器和组件事件来实现 常见模式： “JavaScript 留意变化 editor.on（'change'， （） => console.log（'something changed'））;...
#47712022年12月7日作者 henry-mmw3 个回答
葡萄JS版本 [X] 我确认使用最新版本的GrapesJS 你用的是什么浏览器？ Chrome v108 可复制演示链接 无关联 描述一下那个虫子 在编辑器中添加任何“@-webkit-keyframe”的CSS规则。显示为“@media”。 我现在给构建器添加了不少工具，似乎每当我添加任何webkit-keyframe的CSS规则时，编辑无法理解它们，显得“有@media”“的”。只是想知道它是否支持这个功能，我只是多心了，或者如果不支持，有没有什么办法可以帮你实现？行为准则 [X] 我同意遵守本项目的行为准则
ronaldohoch
我只是来这里开启同样的问题！:( @artf，你可以添加这个代码来检查。 “''js 编辑。CssComposer.addRules（' .animateanimated { -webkit-animation-时长：300ms; 动画时长：300毫秒; -webkit-animation-fill-mode：两者兼用; 动画填充模式：两者兼具; } @keyframes 渐入 { 0% { 不透明度：0 } 到 { 不透明度：1 } } .animatefadeIn {...
artf
报告并修复 [此处]（https://github.com/artf/grapesjs/issues/4727）
ClaudeCode
谢谢你举报，@henry-mmw。 GrapesJS 不理解 '@-webkit-keyframe' CSS 规则的问题。 似乎是竞态条件或状态管理时序问题。这通常发生在组件生命周期事件和DOM修改重叠时，导致状态不一致。 尝试什么： 添加setTimeout包装器以确保DOM已稳定： “JavaScript setTimeout（（） => { 你在这里的行动 }, 0); 推荐的下一步步骤： 如果还没测试过，请用最新的GrapesJS版本测试 提供最小可重复的示例（Co...
#47652022年12月2日作者 wunksert4 个回答
葡萄JS版本[X] 我确认使用最新版本的GrapesJS你用的是什么浏览器？ Chrome v107描述一下那个虫子 如何复现这个漏洞？按照[这里]（https://grapesjs.com/docs/guides/Custom-CSS-parser.html#rule-objects）的说明创建你自己的CSS解析器，并输入@keyframes规则的CSS字符串。我用了这里预建的帖子解析器：[这里]（https://github.com/artf/grapesjs-parser-postcss/blob/master/src/parser.ts）结构从解析器中导出并与文档匹配（见附图），但没有动画 <img width=“302”...
artf
你好@wunksert之前有个与关键帧相关的问题[这里]（https://github.com/artf/grapesjs/issues/4727），已经修复但还没发布。
artf
修复该修复可在最新版本中 https://github.com/artf/grapesjs/releases/tag/v0.20.2
wunksert
@artf太棒了！你知道什么时候会发布吗？
#47632022年12月1日作者 quentin-bettoum2 个回答
葡萄JS版本[X] 我确认使用最新版本的GrapesJS你用的是什么浏览器？ Firefox 106可复制演示链接 https://grapesjs.com/demo.html描述一下那个虫子 你好， 当我从 0.19.5 升级到 0.20.1 时，我注意到用 'editor.getProjectData（）' 获取的页面 JSON 比以前重了不少。 区别在于，在0.20.1中，JSON中的每个组件都包含以下代码： '''json “undoexc”：[ “状态”， “开门” ] 0.20.1 '''json “框架”： [ { “组件”： { “类型”：“包装器”， “可风格化”： []， “undoexc”：[ “状态”， “...
ClaudeCode
谢谢你举报，@quentin-bettoum。 关于_undoexc状态开放的好问题。ProseMirror 推荐的方法是使用事件驱动的 API。 从这里开始： 查看你所在模块的[GrapesJS文档]（https://grapesjs.com/docs/） 寻找“on（）”事件监听器方法 大多数操作可以通过监听编辑器和组件事件来实现 常见模式： “JavaScript 留意变化 editor.on（'change'， （） => console.log（'somethin...