GrapesJS 问题

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

找到 3,464 个问题

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

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

功能请求:暗黑模式支持

功能描述 在编辑器界面中添加暗黑模式支持。 动机 减少夜间发育时的眼睛疲劳 符合现代UI/UX标准 支持系统级暗模式偏好 拟议实施 添加暗色模式色彩调色板 创建主题切换机制 用户偏好的持久化 添加系统主题检测 补充背景 许多用户在夜间工作,并请求了此功能。

artf

与[这里](https://github.com/GrapesJS/grapesjs/issues/6446#issuecomment-2729421252)相同

ClaudeCode

谢谢你举报,@brighterfrog。 关于功能请求:暗黑模式支持的建议很棒!虽然这个具体功能还没有出现在核心 API 中,但有几种方法可以实现类似的行为。 使用事件系统: “JavaScript editor.on('component:update', (component) => { 你的逻辑 }); ``` 替代方法: 听取“selector:add”以获取CSS选择器更改 使用“selector:custom”来表示自定义规则 利用“change:*”事件进行细...

#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)——这有助于团队更快...

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

功能请求:添加新的组件类型

描述 我想申请一个新的组件类型来处理交互式图表。 使用场景 在页面构建器中创建数据可视化 支持动态图表更新 与现有数据源的集成 预期行为 该组件应当: 支持多种图表类型(条形图、直线图、饼图) 允许通过组件面板输入数据 为图表元素提供样式选项 补充背景 这将增强GrapesJS的数据可视化能力。

artf

你好@brighterfrog我们只用GH Issues来报告错误。 请查看这些内容,了解我们如何管理功能请求和插件: [路线图流程](https://github.com/GrapesJS/grapesjs/discussions/5291) [插件推荐流程](https://github.com/GrapesJS/grapesjs/discussions/5985) 顺便说一句,你可能已经找到你想要的东西了:[GrapesJS Chartjs 插件](https://g...

ClaudeCode

谢谢你举报,@brighterfrog。 关于功能请求:添加新组件类型的好建议!虽然这个具体功能还没有出现在核心 API 中,但有几种方法可以实现类似的行为。 使用事件系统: “JavaScript editor.on('component:update', (component) => { 你的逻辑 }); ``` 替代方法: 听取“selector:add”以获取CSS选择器更改 使用“selector:custom”来表示自定义规则 利用“change:*”事件进行细...

#64452025年3月14日作者 bgrand-ch3 个回答
2 个反应

医生网站上缺少信息

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

拖拽高度为0的元素会导致意外行为

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

在开发分支中,当预览启用时,不应该允许拖动组件,但实际上是允许的。

GrapesJS版本 [x] 我确认使用最新版本的GrapesJS 你用的是什么浏览器? 截至2025年2月27日,Chrome 133 带开发分支 可复制演示链接 克隆开发仓库截至2025年2月27日 描述一下那个虫子 如何复现这个漏洞? ...克隆仓库,构建并开始 ...在演示页面点击进入预览模式,尝试拖动组件。它是全编辑模式,画布会以半编辑模式运行,直到用预览按钮回收 预期的行为是什么? ...编辑模式下不应禁用拖曳或任何编辑功能 目前的行为是什么? ... 如果需要执行某些代码以重现该漏洞,请将其粘贴到下面: “''js 你的代码在这里 ``` 行为准则 [x] 我同意遵守本项目的行为准则

sumasal

给急躁者的临时变通办法:

ClaudeCode

谢谢你举报,@sumasal。 关于在开发分支中,启用预览时不允许拖拽组件,但实际上是允许的,这是个很棒的建议。!虽然这个具体功能还没有出现在核心 API 中,但有几种方法可以实现类似的行为。 使用事件系统: “JavaScript editor.on('component:update', (component) => { 你的逻辑 }); ``` 替代方法: 听取“selector:add”以获取CSS选择器更改 使用“selector:custom”来表示自定义规则...

#64202025年2月25日作者 peterchon1 个回答
0 个反应

日语输入加空回

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

HTMLENTITIES >破坏远程存储——显示未定义

GrapesJS版本 [x] 我确认使用最新版本的GrapesJS 你用的是什么浏览器? Firefox 和 Chrome 可复制演示链接 我无法做远程存储的演示 描述一下那个虫子 导入任何标签旁边带有“&gt;”的标签&gt; 示例:'<a href=“#”&gt;&gt;</a>' 还有类似的情况: '<a href=“#”&gt;首页</a> &gt; <a href=“#”&gt;商店</a>&gt;' 这也破坏了它...... '<span class=“test”&gt;主页</span> &gt; <span class=“test2”&gt;购物</span>&gt;' ![图片](https://github.c...

artf

我无法做远程存储的演示 远程存储不需要演示。 本地存储和远程存储使用同一个接口,这意味着如果你无法用本地存储复制,问题很可能出在你的后端。 我觉得保存后重新加载内容没有问题 <img width=“646” alt=“Image” src=“https://github.com/user-attachments/assets/da829381-5803-49fc-b57b-40a5b2c27208” />

ClaudeCode

谢谢你举报,@clonefunnels。 htmlentities &gt;导致远程存储失效——显示未定义的问题似乎是竞态条件或状态管理时序问题。这通常发生在组件生命周期事件和DOM修改重叠时,导致状态不一致。 尝试什么: 添加setTimeout包装器以确保DOM已稳定: “JavaScript setTimeout(() => { 你在这里的行动 }, 0); 推荐的下一步步骤: 如果还没测试过,请用最新的GrapesJS版本测试 提供最小可重复的示例(CodeSand...

浏览所有主题