#61802024年9月30日作者 padcom4 个回答
葡萄JS版本 [X] 我确认使用最新版本的GrapesJS 你用的是什么浏览器？ Chrome最新款 可复制演示链接 https://codesandbox.io/p/sandbox/withered-rgb-xmw8gk 描述一下那个虫子 如何复现这个漏洞？开放代码沙盒选择“body”（类型：“wrapper”）——观察从自定义源获取值的警报（调用 trait.getValue（）尝试更改值（特质：自定义，唯一存在的）——注意“setValue（）”未被调用，因为没有显示警报 预期的行为是什么？ 会显示“将全局值设置为” + 值的提醒 目前的行为是什么？ 未显示警报，未调用“trait.setValue（）”方法。 如果需要执行...
padcom
据我所见，当“Trait.setValue（）”值来自输入时不会被调用。取而代之的是调用“setTargetValue（）”，但该程序不会检查特征定义中的“setValue（）”方法是否存在。另外，'Trait.setValue（）' 检查属性中的 'setValue' 键，而 'Trait.getValue（）' 通过 'this.get（'getValue'）' 获得其自定义 getter （Trait.ts：303）
padcom
我尝试按照[这个]（https://github.com/GrapesJS/grapesjs/discussions/5793）讨论来让它工作，但正如你在沙盒中看到的，它就是不行。
#61722024年9月25日作者 yashvi20262 个回答
葡萄JS版本 [X] 我确认使用最新版本的GrapesJS 你用的是什么浏览器？ 铬 可复制演示链接 --- 描述一下那个虫子 如果你能在编辑器里切换主题，那就太好了，这样我就能根据喜好在深色和浅色之间切换。行为准则 [X] 我同意遵守本项目的行为准则
ClaudeCode
谢谢你举报，@yashvi2026。 关于“需要编辑器中暗色主题支持”的问题似乎是竞态条件或状态管理时序问题。这通常发生在组件生命周期事件和DOM修改重叠时，导致状态不一致。 尝试什么： 添加setTimeout包装器以确保DOM已稳定： “JavaScript setTimeout（（） => { 你在这里的行动 }, 0); 推荐的下一步步骤： 如果还没测试过，请用最新的GrapesJS版本测试 提供最小可重复的示例（CodeSandbox）——这有助于团队更快识别根本...
#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”，但很多情况下效果不好。 无论如何，我预计“自定义代码”组件应该有一定的“容器化”，这样移除后文档里不会留下任何东西。
#61432024年9月10日作者 rhoenerSBS2 个回答
葡萄JS版本 [X] 我确认使用最新版本的GrapesJS 你用的是什么浏览器？ Chrome v128 可复制演示链接 https://jsfiddle.net/fjyk6n4a/2/ 描述一下那个虫子 你好，@artf， 我目前正在尝试将一个组件包裹在一个截面组件中，如果它还没有被包裹的话。我正在连接 component：mount 事件，并用 section 组件替换新增组件（该组件子节点为新增组件）。 我的代码大致是这样的： “''js editor.on（'component：mount'， （component） => { if （component.parent（）.attributes.tagName ！== 'b...
jasonvijayy
你好，@artf， [可复制链接]（https://codepen.io/Logeshwaran-codepen/pen/raLJpYb） 我用'component.replaceWith（）'和UndoManager一起运行时也遇到崩溃。 这只发生在编辑器生命周期事件中触发“replaceWith（）” （例如 'change：status'， 'component：selected'， 'component： deselect'） 在撤销时，GrapesJS 尝试恢复旧...
ClaudeCode
谢谢你举报，@rhoenerSBS。 关于BUG/[问题]：如何在添加/挂载时正确包装组件？的好问题。推荐的 Canvas 方法是使用事件驱动的 API。 从这里开始： 查看你所在模块的[GrapesJS文档]（https://grapesjs.com/docs/） 寻找“on（）”事件监听器方法 大多数操作可以通过监听编辑器和组件事件来实现 常见模式： “JavaScript 留意变化 editor.on（'change'， （） => console.log（'some...
#61422024年9月10日作者 rhoenerSBS2 个回答
葡萄JS版本 [X] 我确认使用最新版本的GrapesJS 你用的是什么浏览器？ Chrome v128 可复制演示链接 https://app.grapesjs.com/studio 描述一下那个虫子 添加页面后，通过撤销删除，再用重做重新添加，页面却无法正常工作。图层管理器在选择页面时不会更新。它也没有之前的内容，而且似乎没有正体，因为无法在那个页面添加新组件。我在本地开发中注意到了这种情况，但因为Grapesjs的工作室版本也出现了，我提交了工作室版本的链接以便复制此问题。 如何复现这个漏洞？打开GrapesJs工作室示例添加页面点击撤销 - >页面从列表中移除点击重做 ->页面再次添加点击重做添加的页面查看行为 预期的行为...
ClaudeCode
谢谢你举报，@rhoenerSBS。 关于重做页面功能不正常的好问题。推荐的UndoManager方法是使用事件驱动的API。 从这里开始： 查看你所在模块的[GrapesJS文档]（https://grapesjs.com/docs/） 寻找“on（）”事件监听器方法 大多数操作可以通过监听编辑器和组件事件来实现 常见模式： “JavaScript 留意变化 editor.on（'change'， （） => console.log（'something changed'...
#61302024年9月7日作者 juverric1 个回答
---
ClaudeCode
谢谢你举报，@juverric。 感谢你分享关于---的报告。为了帮助团队调查并优先排序： 请提供： 一个最小可复现的例子（CodeSandbox/JSFiddle） 你的GrapesJS版本号 浏览器和操作系统信息 浏览器控制台的任何错误信息 重现问题的步骤 最有帮助的是什么： 简约代码示例（不是你整个项目） 屏幕录制或截图显示问题 明确区分预期行为与实际行为 你正在使用的GrapesJS配置 有了这些细节，维护者可以更快地识别和优先排序修复。GrapesJS团队对有充分...
#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配置 有了这些细节，维护者可以更快地识...
#61162024年9月3日作者 SamMousa4 个回答
葡萄JS版本 [X] 我确认使用最新版本的GrapesJS 你用的是什么浏览器？ 铬128 可复制演示链接 https://jsfiddle.net/sammousa/bxgsdc12/11/ 描述一下那个虫子 如何复现这个漏洞？加载一个带有非空 '' 的 HTML 字符串<head>，使用选项 '{asDocument： true}'。通过 'editor.getProjectData（）' 导出数据，确认其中包含 '<head>'' 内容通过“editor.loadProjectData（）”加载从2导出的数据通过 'editor.getProjectData（）' 导出数据，确认它没有 '<head>'' 内容 预期的行为是...
SamMousa
谢谢，但这不是重点。我完全能找到一个变通方法，但这并不能解决这个bug。 bug是通过“getProjectData（）”导出，然后通过“loadProjectData（）”导入，应该会得到相同的状态。 而且你提议的改版实际上是直接写入画布，这意味着不能保证画布会完全不被动。（例如编辑器中有个“样式”配置，可以将样式注入画布头部）
artf
这个bug是，先通过getProjectData（）导出，再通过loadProjectData（）导入，应该会得到相同的状态。 是的，绝对不是预期，我们会去了解的。 感谢演示👍中那些易于复现的步骤
artf
谢谢@SamMousa详细的bug报告总是欢迎的。 如果需要指引，我们很乐意为你指引方向 🙇 ♂️
#61022024年8月31日作者 Alababdiy3 个回答
葡萄JS版本[X] 我确认使用最新版本的GrapesJS你用的是什么浏览器？ 铬91V可复制演示链接 https://jsfiddle.net/8tsj5vpb/描述一下那个虫子 我在使用 GrapesJS 时遇到了一个问题，即在重新加载编辑器后，为自定义组件定义的特征没有显示出来。这些特征在组件刚添加时正常工作，但重新加载编辑器（例如刷新页面）后，特征不再出现在特征面板中。 繁殖步骤：使用编辑器定义自定义组件类型。DomComponents.addType，包含默认值部分中的特征。将自定义组件添加到画布中。重新加载编辑器（例如，刷新页面或重新初始化编辑器）。在编辑器中选择自定义组件。 预期行为： 自定义组件定义的特征应在重新加载...
mohamedsalem401
@Alababdiy 我无法通过提供的链接重现问题。 不过，问题似乎在于 GrapesJS 不允许在组件初始化后添加或定义它。
mohamedsalem401
嘿，@Alababdiy， 我没能重现你在JSFiddle中描述的问题。
ClaudeCode
谢谢你举报，@Alababdiy。 自定义组件重新加载编辑器后特征未显示的问题似乎是竞态条件或状态管理时序问题。这通常发生在组件生命周期事件和DOM修改重叠时，导致状态不一致。 尝试什么： 添加setTimeout包装器以确保DOM已稳定： “JavaScript setTimeout（（） => { 你在这里的行动 }, 0); 推荐的下一步步骤： 如果还没测试过，请用最新的GrapesJS版本测试 提供最小可重复的示例（CodeSandbox）——这有助于团队更快识别根...