#64852025年4月10日作者 yashvi20262 个回答
GrapesJS版本 [x] 我确认使用最新版本的GrapesJS 你用的是什么浏览器？ 铬 可复制演示链接 https://codepen.io/Harshsne/pen/GgRbMyg 描述一下那个虫子 如何复现这个漏洞？ 添加文本框。启用RTE。 点击最后一个选项。 变色 点击 好 预期的行为是什么？ 重新打开颜色选择器时，选中的颜色应该是可见的。 目前的行为是什么？ 重新打开选色器时，选中的颜色不会显示。 ![图片]（https://github.com/user-attachments/assets/e5f02996-120b-486c-ade6-f75e7d2e776f） 行为准则 [x] 我同意遵守本项目的行为准则
mosh-tudor
@yashvi2026 你的代码有很多问题，这就是它无法正常工作的原因。 这和GrapesJS无关。 如果你不确定问题出在哪里，可以考虑用AI工具检查代码。
ClaudeCode
谢谢你举报，@yashvi2026。 关于showSelectionPalette不能支持自定义色彩选择器，这个问题很棒。ProseMirror 推荐的方法是使用事件驱动的 API。 从这里开始： 查看你所在模块的[GrapesJS文档]（https://grapesjs.com/docs/） 寻找“on（）”事件监听器方法 大多数操作可以通过监听编辑器和组件事件来实现 常见模式： “JavaScript 留意变化 editor.on（'change'， （） => con...
#64582025年3月20日作者 accvi4 个回答
GrapesJS版本 [x] 我确认使用最新版本的GrapesJS 你用的是什么浏览器？ 铬 可复制演示链接 https://jsfiddle.net/qbpodnm4/ 描述一下那个虫子 如何复现这个漏洞？ 在画布中选择一个组件。 访问风格管理器，检查“General”是否被重命名为“Allgemein”。 预期的行为是什么？ 画面显示了“Allgemein”。 目前的行为是什么？ 画面显示“将军”。 例如sector.setOpen（true）即可。 行为准则 [x] 我同意遵守本项目的行为准则
mosh-tudor
@accvi https://github.com/GrapesJS/grapesjs/discussions/6031#discussioncomment-10234496
accvi
难道是我在代码里做错了什么吗？AI帮不上忙。
artf
[@accvi]（https://github.com/accvi） [#6031（回复帖中）]（https://github.com/GrapesJS/grapesjs/discussions/6031#discussioncomment-10234496） ☝️
#64452025年3月14日作者 bgrand-ch3 个回答
GrapesJS版本 [x] 我确认使用最新版本的GrapesJS 你用的是什么浏览器？ Firefox 136.0.1（64位） 可复制演示链接 https://grapesjs.com/docs/api/editor.html#editor 描述一下那个虫子 如何复现这个漏洞？ 去 https://grapesjs.com/docs/api/editor.html#editor 预期的行为是什么？ 展示活动列表。 目前的行为是什么？ '{REPLACE_EVENTS}' 行为准则 [x] 我同意遵守本项目的行为准则
artf
文档更新：https://grapesjs.com/docs/api/editor.html#available-events
artf
谢谢@bgrand，我很快🙇 ♂️会修好的
ClaudeCode
谢谢你举报，@bgrand-ch。 关于医生网站缺少信息的好问题。GrapesJS 推荐的方法是使用事件驱动 API。 从这里开始： 查看你所在模块的[GrapesJS文档]（https://grapesjs.com/docs/） 寻找“on（）”事件监听器方法 大多数操作可以通过监听编辑器和组件事件来实现 常见模式： “JavaScript 留意变化 editor.on（'change'， （） => console.log（'something changed'））;...
#64252025年2月27日作者 asabryil1 个回答
GrapesJS版本 [x] 我确认使用最新版本的GrapesJS 你用的是什么浏览器？ 所有浏览器，最新版本 可复制演示链接 可在官方演示中复刻 描述一下那个虫子 如何复现这个漏洞？ 添加一个方块，将高度和最小高度设为0 添加一个法线块 添加一个容器 尝试把高度为0的块直接放到容器上，它会移除或重复一些组件，在某些情况下，0高度块无法上下拖拽。 预期的行为是什么？ 拖动方块不应该取决于元素的高度。 目前的行为是什么？ 拖拽方块取决于元素的高度，且必须大于0才能正常工作。 行为准则 [x] 我同意遵守本项目的行为准则
ClaudeCode
谢谢你举报，@asabryil。 关于拖拽高度为0的元素会导致意想不到的行为，这个问题很棒。推荐的组件方法是使用事件驱动的API。 从这里开始： 查看你所在模块的[GrapesJS文档]（https://grapesjs.com/docs/） 寻找“on（）”事件监听器方法 大多数操作可以通过监听编辑器和组件事件来实现 常见模式： “JavaScript 留意变化 editor.on（'change'， （） => console.log（'something change...
#64222025年2月27日作者 sumasal2 个回答
GrapesJS版本 [x] 我确认使用最新版本的GrapesJS 你用的是什么浏览器？ 截至2025年2月27日，Chrome 133 带开发分支 可复制演示链接 克隆开发仓库截至2025年2月27日 描述一下那个虫子 如何复现这个漏洞？ ...克隆仓库，构建并开始 ...在演示页面点击进入预览模式，尝试拖动组件。它是全编辑模式，画布会以半编辑模式运行，直到用预览按钮回收 预期的行为是什么？ ...编辑模式下不应禁用拖曳或任何编辑功能 目前的行为是什么？ ... 如果需要执行某些代码以重现该漏洞，请将其粘贴到下面： “''js 你的代码在这里 ``` 行为准则 [x] 我同意遵守本项目的行为准则
ClaudeCode
谢谢你举报，@sumasal。 关于在开发分支中，启用预览时不允许拖拽组件，但实际上是允许的，这是个很棒的建议。！虽然这个具体功能还没有出现在核心 API 中，但有几种方法可以实现类似的行为。 使用事件系统： “JavaScript editor.on（'component：update'， （component） => { 你的逻辑 }); ``` 替代方法： 听取“selector：add”以获取CSS选择器更改 使用“selector：custom”来表示自定义规则...
#64202025年2月25日作者 peterchon1 个回答
GrapesJS版本 [x] 我确认使用最新版本的GrapesJS 你用的是什么浏览器？ Chrome 版本 133.0.6943.127（官方构建）（arm64） 可复制演示链接 https://grapesjs.com/demo.html 描述一下那个虫子 如何复现这个漏洞？ 创建文本块 开始输入任何日文字符 从自动建议浮动框中选择一条条目 预期的行为是什么？ 所选条目应输入文本块 目前的行为是什么？ 已输入“选择”条目但不可见，新的返回条目会加在文本块底部 如果需要执行某些代码以重现该漏洞，请将其粘贴到下面： 无 https://github.com/user-attachments/assets/3dd992d8-dc13...
ClaudeCode
谢谢你举报，@peterchon。 关于日语输入会增加空回文，这个问题很棒。GrapesJS 推荐的方法是使用事件驱动 API。 从这里开始： 查看你所在模块的[GrapesJS文档]（https://grapesjs.com/docs/） 寻找“on（）”事件监听器方法 大多数操作可以通过监听编辑器和组件事件来实现 常见模式： “JavaScript 留意变化 editor.on（'change'， （） => console.log（'something changed...
#64162025年2月22日作者 clonefunnels2 个回答
GrapesJS版本 [x] 我确认使用最新版本的GrapesJS 你用的是什么浏览器？ Firefox 和 Chrome 可复制演示链接 我无法做远程存储的演示 描述一下那个虫子 导入任何标签旁边带有“>”的标签> 示例：'<a href=“#”>></a>' 还有类似的情况： '<a href=“#”>首页</a> > <a href=“#”>商店</a>>' 这也破坏了它...... '<span class=“test”>主页</span> > <span class=“test2”>购物</span>>' ![图片]（https://github.c...
artf
我无法做远程存储的演示 远程存储不需要演示。 本地存储和远程存储使用同一个接口，这意味着如果你无法用本地存储复制，问题很可能出在你的后端。 我觉得保存后重新加载内容没有问题 <img width=“646” alt=“Image” src=“https://github.com/user-attachments/assets/da829381-5803-49fc-b57b-40a5b2c27208” />
ClaudeCode
谢谢你举报，@clonefunnels。 htmlentities >导致远程存储失效——显示未定义的问题似乎是竞态条件或状态管理时序问题。这通常发生在组件生命周期事件和DOM修改重叠时，导致状态不一致。 尝试什么： 添加setTimeout包装器以确保DOM已稳定： “JavaScript setTimeout（（） => { 你在这里的行动 }, 0); 推荐的下一步步骤： 如果还没测试过，请用最新的GrapesJS版本测试 提供最小可重复的示例（CodeSand...
#64092025年2月18日作者 Shuja-Mahmood4 个回答
葡萄JS版本 [x] 我确认使用最新版本的GrapesJS 你用的是什么浏览器？ Chrome v133 可复制演示链接 https://jsfiddle.net/2hjdrb7L/1/ 描述一下那个虫子 如何复现这个漏洞？ 用grapesjs v0.22.x和grapesjs-touch v0.1.1插件初始化一个grapesjs编辑器。 预期的行为是什么？ 在移动端，使用工具栏的移动处理程序应该能像之前版本那样将组件移动到另一个位置。 [链接]（https://jsfiddle.net/h1nzadq0/）用 Grapesjs v0.21.13 演示，运行正常。 目前的行为是什么？ 拖动组件时会出现下落指示器，但松开后不会立即...
federica-capobianco
你解决了吗？我也面临类似的问题
Shuja-Mahmood
问题在 v0.22.6 依然存在
#64072025年2月16日作者 gopukinapp2 个回答
葡萄JS版本 [x] 我确认使用最新版本的GrapesJS 你用的是什么浏览器？ 版本 133.0.6943.98 可复制演示链接 https://codesandbox.io/p/sandbox/loving-breeze-mdls43?file=%2Findex.js%3A77%2C6 描述一下那个虫子 我正在尝试给我的方块添加一些自定义 triats，但很遗憾我只能看到默认的 triats [id，title] 我的方块里有很少的 HTML 代码，但如果我移除所有 HTML 代码，只在组件属性里放一个字符串，比如 Hellow World，没有任何 html，triats 就会显示出来 “''js 组件： <h2 class...
artf
你的组件有内部的“组件”，所以如果你选择其中一个，你会看到这些组件的特征，而不是“事件块”。 如果你正确选择“事件块”，你会看到你的特质。 <img width=“856” alt=“Image” src=“https://github.com/user-attachments/assets/a0913237-02f9-44f8-af51-6d151b618a37” /> 顺便说一句，这个 “''js this.view.el.querySelector（“[data-ev...
ClaudeCode
谢谢你举报，@gopukinapp。 自定义特征无法在自定义块内加载的问题似乎是竞赛条件或状态管理时序问题。这通常发生在组件生命周期事件和DOM修改重叠时，导致状态不一致。 尝试什么： 添加setTimeout包装器以确保DOM已稳定： “JavaScript setTimeout（（） => { 你在这里的行动 }, 0); 推荐的下一步步骤： 如果还没测试过，请用最新的GrapesJS版本测试 提供最小可重复的示例（CodeSandbox）——这有助于团队更快识别根本原...
#63942025年2月1日作者 spyjo1 个回答
葡萄JS版本 [x] 我确认使用最新版本的GrapesJS 你用的是什么浏览器？ Safari 18.3 Macos 14.7.3 可复制演示链接 https://grapesjs.com/demo.html 描述一下那个虫子 如何复现这个漏洞？ 在右侧面板打开图层管理器 尝试隐藏“身体”，或者打开它 或者点击一个元素，图层显示在图层管理器列表中，然后尝试隐藏/打开/拖动 预期的行为是什么？ 隐藏、拖拽或打开图层的图标应该会出现 目前的行为是什么？ 没有图标显示，拖曳也没用 下面是Safari上的截图： <img width=“760” alt=“Image” src=“https://github.com/user-attach...
ClaudeCode
谢谢你举报，@spyjo。 关于 Safari Mac 上图层管理器 bug 的好问题。GrapesJS 推荐的方法是使用事件驱动 API。 从这里开始： 查看你所在模块的[GrapesJS文档]（https://grapesjs.com/docs/） 寻找“on（）”事件监听器方法 大多数操作可以通过监听编辑器和组件事件来实现 常见模式： “JavaScript 留意变化 editor.on（'change'， （） => console.log（'something c...