GrapesJS 问题

已收录 3,464 个 GitHub 问题 370 个已解决 · 90 个待解决 搜索、筛选并探索经过实战检验的答案。

找到 743 个问题

🔍 bug
#65432025年6月15日作者 Zedonboy1 个回答
0 个反应

面板未拆除

GrapesJS版本 [x] 我确认使用最新版本的GrapesJS 你用的是什么浏览器? 镀铬 可复制演示链接 没有 描述一下那个虫子 如何复现这个漏洞? 来自教程 我的CSS风格 预期的行为是什么? 一块空白画布 目前的行为是什么? ... ![图片](https://github.com/user-attachments/assets/254211eb-876a-496c-b392-48543947df22) 如果需要执行某些代码以重现该漏洞,请将其粘贴到下面: “''js 你的代码在这里 ``` 行为准则 [x] 我同意遵守本项目的行为准则

ClaudeCode

谢谢你举报,@Zedonboy。 关于面板未拆除的好问题。推荐的 StyleManager 方法是使用事件驱动的 API。 从这里开始: 查看你所在模块的[GrapesJS文档](https://grapesjs.com/docs/) 寻找“on()”事件监听器方法 大多数操作可以通过监听编辑器和组件事件来实现 常见模式: “JavaScript 留意变化 editor.on('change', () => console.log('something changed'))...

#65352025年6月6日作者 MikeCraig4183 个回答
0 个反应

BUG(v 1.0.48):粘贴丰富内容会将属性值拆分为单个属性

GrapesJS版本 [x] 我确认使用最新版本的GrapesJS 你用的是什么浏览器? 铬 可复制演示链接 把你的版本从 1.0.48 改到 1.0.47 描述一下那个虫子 如何复现这个漏洞? 从Word复制丰富的内容 将葡萄浆糊制成 我正在使用自架选项 预期的行为是什么? 内容应在编辑器中持续存在 目前的行为是什么? 内容错误 行为准则 [x] 我同意遵守本项目的行为准则

MikeCraig418

补充说明,Grapes 的 HTML 格式内容会消失。HTML存储字符串如下:

artf

你用的是什么富文本编辑器? 你能提供复现它的方法吗(比如我能复制相同的文本)?

ClaudeCode

谢谢你举报,@MikeCraig418。 关于BUG(v.0.48):粘贴丰富内容会把属性值拆分成单个属性,这个问题很棒。GrapesJS 推荐的方法是使用事件驱动 API。 从这里开始: 查看你所在模块的[GrapesJS文档](https://grapesjs.com/docs/) 寻找“on()”事件监听器方法 大多数操作可以通过监听编辑器和组件事件来实现 常见模式: “JavaScript 留意变化 editor.on('change', () => console...

#65272025年5月22日作者 tim-prom2 个回答
1 个反应

内联样式变形导致编辑器冻结

GrapesJS版本 [x] 我确认使用最新版本的GrapesJS 你用的是什么浏览器? Firefox 138.0.4 可复制演示链接 https://codesandbox.io/p/sandbox/exciting-lalande-98d5vw 描述一下那个虫子 如何复现这个漏洞? 添加带有内联样式错误组件的页面 编辑器无法加载,整个页面变得无响应。Firefox显示“此页面正在使Firefox变慢”警告 预期的行为是什么? 如果编辑器无法解析CSS,最好在控制台里记录错误,而不是屏蔽整个应用 目前的行为是什么? 编辑器变得无响应 如果需要执行某些代码以重现该漏洞,请将其粘贴到下面: “''js 编辑。Pages.add({...

artf

谢谢你的报告@tim舞会

ClaudeCode

谢谢你举报,@tim-prom。 关于排外样式畸形导致编辑器冻结的好问题。推荐的 StyleManager 方法是使用事件驱动的 API。 从这里开始: 查看你所在模块的[GrapesJS文档](https://grapesjs.com/docs/) 寻找“on()”事件监听器方法 大多数操作可以通过监听编辑器和组件事件来实现 常见模式: “JavaScript 留意变化 editor.on('change', () => console.log('something ch...

#65182025年5月14日作者 jaredtmartin2 个回答
0 个反应

入门指南没有按原文显示模块

GrapesJS版本 [x] 我确认使用最新版本的GrapesJS 你用的是什么浏览器? Chrome 136.0.7103.93 可复制演示链接 https://jsfiddle.net/j826eL51/ 描述一下那个虫子 如何复现这个漏洞? 按照“入门指南”页面的步骤操作 当你进入添加方块时,方块不会出现。 预期的行为是什么? 方块应该会出现 目前的行为是什么? 他们没有出现 这可能和另一个问题有关: https://github.com/GrapesJS/grapesjs/issues/2186 但不知为何,入门功能即使更新了CDN,也无法按原文操作。 行为准则 [x] 我同意遵守本项目的行为准则

artf

谢谢你的报告@jaredtmartin

ClaudeCode

谢谢你举报,@jaredtmartin。 关于入门指南“没有按原文显示区块的好问题。ProseMirror 推荐的方法是使用事件驱动的 API。 从这里开始: 查看你所在模块的[GrapesJS文档](https://grapesjs.com/docs/) 寻找“on()”事件监听器方法 大多数操作可以通过监听编辑器和组件事件来实现 常见模式: “JavaScript 留意变化 editor.on('change', () => console.log('something...

#65152025年5月13日作者 jsxOverdose2 个回答
0 个反应

调整元素大小会影响所有具有相同类的元素

GrapesJS版本 [x] 我确认使用最新版本的GrapesJS 你用的是什么浏览器? Chrome 136.0.7103.93 可复制演示链接 https://jsfiddle.net/L4pu0tzc/ 描述一下那个虫子 如何复现这个漏洞? 向编辑器添加多个图像元素。 为每张图像赋予相同的类名(例如,class=“shared-class”)。 选择并调整其中一张图片的大小。 预期的行为是什么? 只有选定的图片应该被调整大小,无论共享的类名或其他属性如何。 目前的行为是什么? 所有同类元素都会同时调整大小,即使只选中一个。 系统似乎在设置样式时优先考虑类名而非 ID,导致无意中出现全局样式更改。 行为准则 [x] 我同意遵守...

artf

确保开启此选项:https://grapesjs.com/docs/modules/Selectors.html#component-first-selectors

ClaudeCode

谢谢你举报,@jsxOverdose。 关于调整元素大小会影响所有同类元素的好问题。推荐的 StyleManager 方法是使用事件驱动的 API。 从这里开始: 查看你所在模块的[GrapesJS文档](https://grapesjs.com/docs/) 寻找“on()”事件监听器方法 大多数操作可以通过监听编辑器和组件事件来实现 常见模式: “JavaScript 留意变化 editor.on('change', () => console.log('somethi...

#65022025年4月25日作者 jsxOverdose2 个回答
0 个反应

内联样式覆盖基于ID的CSS规则

GrapesJS版本 [x] 我确认使用最新版本的GrapesJS 你用的是什么浏览器? Chrome v135.0.7049.96 可复制演示链接 https://jsfiddle.net/bqkLwt8j/ 描述一下那个虫子 当元素具有内联样式且匹配基于ID的CSS规则时,ID选择器的样式会被移除——即使内联样式不会覆盖这些属性。然而,基于类的 CSS 规则不会出现这个问题,因为它们的行为符合预期。 如何复现这个漏洞? 为特定ID添加CSS规则,例如“#frame2 { color: red; }` 添加带有该ID和内联样式的元素,例如'<div id=“frame” style=“font-size: 14px;”>'” 注...

artf

谢谢你的报告@jsxOverdose 下次版本会修复

ClaudeCode

谢谢你举报,@jsxOverdose。 关于内联风格覆盖基于ID的CSS规则,这是个很好的问题。推荐的 StyleManager 方法是使用事件驱动的 API。 从这里开始: 查看你所在模块的[GrapesJS文档](https://grapesjs.com/docs/) 寻找“on()”事件监听器方法 大多数操作可以通过监听编辑器和组件事件来实现 常见模式: “JavaScript 留意变化 editor.on('change', () => console.log('s...

#64942025年4月15日作者 yashvi20261 个回答
0 个反应

反复创建和摧毁会判错

GrapesJS版本 [x] 我确认使用最新版本的GrapesJS 你用的是什么浏览器? 铬 可复制演示链接 https://codepen.io/Harshsne/pen/QwwLjBQ 描述一下那个虫子 如何复现这个漏洞? 点击创建,然后快速且反复地摧毁。 调试时,我发现错误由以下代码引起: 未定义的“allcomponents”错误由:(editor.select 代码)引起。 未定义的“最后组件”错误: 将样式添加到组件会触发 stylable:change 事件,如果你的侧面函数仍在运行并且在此期间点击 Destroy,会报错。 ![图片](https://github.com/user-attachments/asse...

ClaudeCode

谢谢你举报,@yashvi2026。 关于创建并摧毁反复出现错误的好问题。推荐的 StyleManager 方法是使用事件驱动的 API。 从这里开始: 查看你所在模块的[GrapesJS文档](https://grapesjs.com/docs/) 寻找“on()”事件监听器方法 大多数操作可以通过监听编辑器和组件事件来实现 常见模式: “JavaScript 留意变化 editor.on('change', () => console.log('something ch...

#64852025年4月10日作者 yashvi20262 个回答
0 个反应

ShowSelectionPalette 无法与自定义色彩选择器配合使用

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 个回答
1 个反应

Sector.setName 不工作

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) ☝️

#64472025年3月15日作者 brighterfrog2 个回答
0 个反应

故障报告:导航菜单无法响应

描述 导航菜单无法正确响应移动设备上的屏幕尺寸变化。 繁殖步骤 打开页面构建器 添加导航菜单组件 在移动设备上预览或调整浏览器窗口大小 观察菜单行为 预期行为 菜单在移动端应合并为汉堡菜单 菜单项应合理间隔 下拉菜单应适用于触摸设备 当前行为 菜单在移动端扩展 项目重叠 触碰响应差 环境 浏览器:Chrome 120 设备:iPhone 13 操作系统:iOS 17

artf

@brighterfrog遵守漏洞报告模板很重要。 请开启一个有效的bug报告(附带可复现的演示)。

ClaudeCode

谢谢你举报,@brighterfrog。 Bug Report:导航菜单无响应的问题似乎是竞赛条件或状态管理时序问题。这通常发生在组件生命周期事件和DOM修改重叠时,导致状态不一致。 尝试什么: 添加setTimeout包装器以确保DOM已稳定: “JavaScript setTimeout(() => { 你在这里的行动 }, 0); 推荐的下一步步骤: 如果还没测试过,请用最新的GrapesJS版本测试 提供最小可重复的示例(CodeSandbox)——这有助于团队更快...

浏览所有主题