#61712024年9月24日作者 rhoenerSBS2 个回答
葡萄JS版本 [X] 我确认使用最新版本的GrapesJS 你用的是什么浏览器？ Chrome v129 可复制演示链接 不适用 描述一下那个虫子 你好@artf， 我目前正在用 grapesjs 实现一个编辑器，可以在已有页面旁边添加章节。我实现了一个章节存储，实现了IStorableModule，将章节存储在项目数据中。 我的问题是，让UndoManager跟踪章节更改的最佳方式是什么？ 有必要以某种方式扩展ItemManagerModule吗？ 行为准则 [X] 我同意遵守本项目的行为准则
artf
大家好@rhoenerSBS请避免打开bug问题。
ClaudeCode
谢谢你举报，@rhoenerSBS。 [问题]：Track自定义存储可用UndoManager的问题似乎是竞态条件或状态管理时序问题。这通常发生在组件生命周期事件和DOM修改重叠时，导致状态不一致。 尝试什么： 添加setTimeout包装器以确保DOM已稳定： “JavaScript setTimeout（（） => { 你在这里的行动 }, 0); 推荐的下一步步骤： 如果还没测试过，请用最新的GrapesJS版本测试 提供最小可重复的示例（CodeSandbox）——...
#61522024年9月18日作者 stpp24 个回答
葡萄JS版本 [X] 我确认使用最新版本的GrapesJS 你用的是什么浏览器？ 任何 可复制演示链接 https://grapesjs.com/demo 描述一下那个虫子 如何复现这个漏洞？添加带有HTML + CSS的自定义代码组件删除自定义代码组件。 预期的行为是什么？ 所有代码都应被删除，包括CSS 目前的行为是什么？ 自定义CSS不会被移除，但其他部分已经被移除。 [gjs.webm]（https://github.com/user-attachments/assets/3fbd9a6d-ad0e-4fc6-add8-7cf31ae9293c） 行为准则 [X] 我同意遵守本项目的行为准则
artf
这与核心无关，应在[插件]（https://github.com/GrapesJS/components-custom-code）层面处理。请在那里发布问题，我们会尽力找出合适的方法。
mosh-tudor
@stpp2 这其实不算是个bug;它更像是一种功能。:) 试试用“clearStyles”： https://github.com/GrapesJS/grapesjs/blob/d48e1e34a9fa363dcb83fdcca53a89563db17063/packages/core/src/editor/config/config.ts#L260-L272
stpp2
是的，我这里已经启用了“clearStyles”，但很多情况下效果不好。 无论如何，我预计“自定义代码”组件应该有一定的“容器化”，这样移除后文档里不会留下任何东西。
#61222024年9月4日作者 mohamedsalem4013 个回答
[x] 修正 StyleManager 中的排序器使用情况（包含排序属性层的回归） [x] 基于“Components.canMove”的重构分选器 [x] 更新“canMove”，检查将主符号丢弃在其自身实例内。
mohamedsalem401
其理念是重构分拣器以提升可维护性和可读性。我们可以实施以下改动：让“Sorter”类依赖抽象树结构，而不是依赖“Component”或“Layers”等具体实现，让“Sorter”类使用更通用、抽象的树结构。这样会让它更灵活、更易重复使用。将代码拆分为多个较小的类，每个类负责单一职责'ComponentManager.canMove': 使用 'ComponentManager.canMove' 方法来判断是否可以移动某个“组件”。这样可以避免代码重复，并确保应用不同部分的...
ClaudeCode
谢谢你举报，@mohamedsalem401。 感谢你分享关于[修复] 修复和重构Sorter.ts的报告。为了帮助团队调查并优先排序： 请提供： 一个最小可复现的例子（CodeSandbox/JSFiddle） 你的GrapesJS版本号 浏览器和操作系统信息 浏览器控制台的任何错误信息 重现问题的步骤 最有帮助的是什么： 简约代码示例（不是你整个项目） 屏幕录制或截图显示问题 明确区分预期行为与实际行为 你正在使用的GrapesJS配置 有了这些细节，维护者可以更快地识...
#60812024年8月23日作者 MdShadabAhamad3 个回答
葡萄JS版本[X] 我确认使用最新版本的GrapesJS你用的是什么浏览器？ 镀铬可复制演示链接 https://stackblitz.com/edit/vitejs-vite-4noagg?file=src%2FApp.tsx描述一下那个虫子 我第一次在 React 应用渲染时无法看到我的自定义组件，当我尝试在块块部分搜索它时，它就出现了，搜索后可以在块块块中看到它。行为准则[X] 我同意遵守本项目的行为准则
artf
当你想在 GrapesJS API 层面扩展某些东西时，可以使用这些插件 “''js <StudioEditor ref={editorRef} 选项={{ 插件：[ editor => addCustomComponent（editor） ], // ... ```
MdShadabAhamad
我还添加了自定义样式设置StyleManager，但显示是空白的，https://stackblitz.com/edit/vitejs-vite-4noagg?file=src%2FApp.tsx
ClaudeCode
谢谢你举报，@MdShadabAhamad。 自定义组件在初次渲染时无法在 grapsJs/studio 中显示的问题似乎是竞态条件或状态管理时序问题。这通常发生在组件生命周期事件和DOM修改重叠时，导致状态不一致。 尝试什么： 添加setTimeout包装器以确保DOM已稳定： “JavaScript setTimeout（（） => { 你在这里的行动 }, 0); 推荐的下一步步骤： 如果还没测试过，请用最新的GrapesJS版本测试 提供最小可重复的示例（CodeS...
#60632024年8月16日作者 sridharK643 个回答
葡萄JS版本 [X] 我确认使用最新版本的GrapesJS 你用的是什么浏览器？ 最新消息 可复制演示链接 https://stackblitz.com/edit/grapesjs-react-custom-ui-nrqcgn?file=src%2FApp.tsx 描述一下那个虫子 如何复现这个漏洞？...... 预期的行为是什么？ ... 目前的行为是什么？ ... 如果需要执行某些代码以重现该漏洞，请将其粘贴到下面： “''js 你的代码在这里 ```行为准则 [X] 我同意遵守本项目的行为准则
danstarns
你好，@sridharK64感谢你的报告，能否详细说明一下你的问题？因为我们只有：“如何默认加载葡萄预览”你的stack blitz 你能告诉我们你想要达到什么目标吗？
artf
@sridharK64我明白你的意思，但下次试着详细说明。 要在加载时触发预览，这就足够了 “''js editor.onReady（（） => { editor.runCommand（'core：preview'） }); ``` 但在你的例子中，你用的是“@grapesjs/React”，并带有完整的自定义界面，这意味着你必须自己实现如何用 React 组件处理预览。
ClaudeCode
谢谢你举报，@sridharK64。 关于如何默认加载葡萄预览的好问题。GrapesJS 推荐的方法是使用事件驱动 API。 从这里开始： 查看你所在模块的[GrapesJS文档]（https://grapesjs.com/docs/） 寻找“on（）”事件监听器方法 大多数操作可以通过监听编辑器和组件事件来实现 常见模式： “JavaScript 留意变化 editor.on（'change'， （） => console.log（'something changed'）...
#60512024年8月9日作者 SAJAD-CH2 个回答
葡萄JS版本 [X] 我确认使用最新版本的GrapesJS 你用的是什么浏览器？ 铬 可复制演示链接 ASDASD 描述一下那个虫子 我在安装 NPM 插件包（如 preset-webpage、preset-newsletter）时遇到了问题，检查 node module 文件夹时，CSS 文件都不见了。我想在 Angularts 中集成 Grapejs。 现在它包含了像 index.d.ts、index.ts 等页面。 行为准则 [X] 我同意遵守本项目的行为准则
artf
@SAJAD-CH，请在打开漏洞问题时提供可复现的实时演示（例如通过 stackblitz 进行）
ClaudeCode
感谢你举报，@SAJAD-CH。 插件中的问题似乎是竞态条件或状态管理时序的问题。这通常发生在组件生命周期事件和DOM修改重叠时，导致状态不一致。 尝试什么： 添加setTimeout包装器以确保DOM已稳定： “JavaScript setTimeout（（） => { 你在这里的行动 }, 0); 推荐的下一步步骤： 如果还没测试过，请用最新的GrapesJS版本测试 提供最小可重复的示例（CodeSandbox）——这有助于团队更快识别根本原因 在报告中包含 Grap...
#60482024年8月7日作者 danstarns1 个回答
代码库目前使用过时版本的 TypeScript。该票旨在： 升级到最新版本的TypeScript。 确保所有项目中的TypeScript配置一致。 将TypeScript集成到开发和CI流程中，实现自动类型检查。 更新和标准化 TypeScript 将提升类型安全性，减少错误，并提升整体代码质量。
ClaudeCode
谢谢你举报，@danstarns。 Typescript 的问题似乎是竞态条件或状态管理时序问题。这通常发生在组件生命周期事件和DOM修改重叠时，导致状态不一致。 尝试什么： 添加setTimeout包装器以确保DOM已稳定： “JavaScript setTimeout（（） => { 你在这里的行动 }, 0); 推荐的下一步步骤： 如果还没测试过，请用最新的GrapesJS版本测试 提供最小可重复的示例（CodeSandbox）——这有助于团队更快识别根本原因 在报告...
#60472024年8月7日作者 danstarns1 个回答
GrapesJS 仓库构建工件发布过程中存在以下问题： 工件应直接来自开发者的机器。- https://github.com/GrapesJS/grapesjs/pull/6041 该过程没有文档 我们有多个软件包要发布，也需要完善的文档。该工单旨在标准化并记录 GrapesJS OSS 仓库的发布流程，使其与行业标准工作流程保持一致。这项工作将确保所有贡献者的一致性、可靠性和易用性。
ClaudeCode
谢谢你举报，@danstarns。 关于发布流程的建议真棒！虽然这个具体功能还没有出现在核心 API 中，但有几种方法可以实现类似的行为。 使用事件系统： “JavaScript editor.on（'component：update'， （component） => { 你的逻辑 }); ``` 替代方法： 听取“selector：add”以获取CSS选择器更改 使用“selector：custom”来表示自定义规则 利用“change：*”事件进行细致跟踪 构建一个插件...
#60462024年8月7日作者 danstarns2 个回答
当前代码库依赖提交钩子来执行某些规则和检查。该票旨在： 移除现有的提交钩子。 配置配置配置执行器以执行这些检查，并在开发分支或拉取请求中报告问题。 将这些职责转交给CI跑者将简化开发流程，确保问题能够以集中方式持续被发现和解决。
danstarns
相关报道： https://github.com/GrapesJS/grapesjs/issues/6045
ClaudeCode
谢谢你举报，@danstarns。 感谢你分享关于提交钩子的报告。为了帮助团队调查并优先排序： 请提供： 一个最小可复现的例子（CodeSandbox/JSFiddle） 你的GrapesJS版本号 浏览器和操作系统信息 浏览器控制台的任何错误信息 重现问题的步骤 最有帮助的是什么： 简约代码示例（不是你整个项目） 屏幕录制或截图显示问题 明确区分预期行为与实际行为 你正在使用的GrapesJS配置 有了这些细节，维护者可以更快地识别和优先排序修复。GrapesJS团队对有...
#60452024年8月7日作者 danstarns1 个回答
代码库目前使用过时的线条工具和格式化库。该票旨在： 升级到最新版本的线条处理工具和格式化库。 确保所有项目的线条和格式规则保持一致。 将这些工具集成到开发和CI流程中，实现自动化执法。 标准化这些工具将提升代码质量，减少错误，并创造更为统一的开发环境。
ClaudeCode
谢谢你举报，@danstarns。 线条化、格式化的问题似乎是竞态条件或状态管理时序问题。这通常发生在组件生命周期事件和DOM修改重叠时，导致状态不一致。 尝试什么： 添加setTimeout包装器以确保DOM已稳定： “JavaScript setTimeout（（） => { 你在这里的行动 }, 0); 推荐的下一步步骤： 如果还没测试过，请用最新的GrapesJS版本测试 提供最小可重复的示例（CodeSandbox）——这有助于团队更快识别根本原因 在报告中包含...