GrapesJS 问题

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

状态

排序

找到 466 个问题

🔍 components

#65582025年7月3日作者 arustagi1011 个回答

0 个反应

提问组件缺陷依赖

可见以隐藏作品，但反之则不行

GrapesJS版本 [x] 我确认使用最新版本的GrapesJS 你用的是什么浏览器？版本 138.0.7204.50（官方构建）（arm64）可复制演示链接 https://jsfiddle.net/artur_arseniev/L24hkgm5/ 描述一下那个虫子如何复现这个漏洞？添加图层管理器，并使用“grapesjs”：“0.22.8”或“0.22.9”的依赖关系。“0.22.7” 运行正常预期的行为是什么？在图层部分设置组件不可见，反之亦然，也就是说，将不可见变成可见应该可以。目前的行为是什么？在“0.22.8”和“0.22.9”版本中，“隐形”转“可见”在点击图层部分的组件时无法工作。如果需要执行某...

GJS Helper

你已经准确识别出GrapesJS版本0.22.8和0.22.9中图层管理器的可见性切换从“隐形”切换到“可见”时没有正常工作。“可见”切换到“隐形”的切换功能正常，但恢复可见性失败了。根本原因这个问题是GrapesJS 0.22.8年引入的一个已知错误。它源于Component模型内部upVisible方法在切换visible属性时处理display CSS属性的方式发生了变化。具体来说，当组件被设置为不可见时，会应用display: none。然而，当尝试重新使其可见...

查看详情

#65432025年6月15日作者 Zedonboy1 个回答

0 个反应

提问 style-manager 组件缺陷文档

面板未拆除

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

GJS Helper

你遇到的问题是，尽管设置了panels: { defaults: [] }，“方块”面板仍然可见，这是一个常见的混淆点。panels: { defaults: [] }配置选项确实是为了防止GrapesJS初始化其核心默认面板（比如“图层”或“样式”面板）。然而，“方块”面板通常是由grapesjs-blocks-basic插件添加的，该插件默认包含并启用GrapesJS。该插件会添加自己的面板和组件，独立于核心panels.defaults设置。因此，仅仅禁用默认面板并...

查看详情

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

1 个反应

提问 style-manager 缺陷组件性能

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

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

artf

谢谢你的报告@tim舞会

GJS Helper

你遇到的问题是因为内联样式变形导致GrapesJS冻结，这是个关键bug，源于编辑器内部CSS解析器处理无效语法，特别是未关闭的评论。根本原因问题在于你h3元素的 style属性：<h3 style="text-align: center; / margin-top: 20px;">Test</h3>。在style属性中，你有一个未封闭的CSS注释：/ margin-top: 20px;。CSS注释必须明确关闭，*/。由于不关闭，GrapesJSCSS解析器（在添加或...

查看详情

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

0 个反应

缺陷提问 style-manager 组件 typescript

反复创建和摧毁会判错

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

GJS Helper

你遇到的 GrapesJS问题，即反复快速创建和销毁编辑器导致 undefined 'allcomponents' 和 undefined 'lastcomponent'等错误，是异步操作或快速生命周期变更中竞赛条件和状态不一致的经典例子。这通常发生在新编辑器实例初始化时，而前一个实例仍在被销毁过程中，或者内部GrapesJS事件监听器或计划任务试图对部分或完全销毁的编辑器实例进行操作。根本原因分析 editor.select(wrapper)与undefined 'al...

查看详情

#64582025年3月20日作者 accvi4 个回答

1 个反应

提问 style-manager 组件缺陷文档

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报告（附带可复现的演示）。

GJS Helper

你遇到的GrapesJS导航菜单在移动设备上不响应是常见的挑战，因为GrapesJS主要提供结构组件。实现一个完全响应式、可折叠的导航菜单（通常称为“汉堡菜单”）需要自定义的媒体查询CSS和切换功能的JavaScript。GrapesJS并不会自动将这种复杂行为注入默认组件中。根本原因 GrapesJS导航栏组件默认提供基本的nav结构，通常使用 flexbox 进行水平排列。然而，它不包含隐藏完整菜单并在小屏幕上显示汉堡图标的具体 CSS 媒体查询，也不包含在点击汉堡图...

查看详情

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

0 个反应

增强组件 typescript

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

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

artf

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

GJS Helper

GrapesJS 高度可扩展，允许你自定义组件类型以满足特定需求，比如集成交互式图表。这包括定义新的组件模型、视图逻辑以及用户交互的相关特征。我们将以Chart.js为示例图表库。步骤1：包含图书馆Chart.js 首先，确保Chart.js包含在你的项目中。你可以通过CDN添加，或者通过npm安装。步骤2：定义自定义图表组件我们将定义一个名为 chart的新组件类型。这包括设置模型（默认属性、特征）和视图（渲染和更新方式）。步骤3：为图表组件添加块要让你的新 c...

查看详情

#64252025年2月27日作者 asabryil1 个回答

0 个反应

提问组件缺陷 typescript

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

GrapesJS版本 [x] 我确认使用最新版本的GrapesJS 你用的是什么浏览器？所有浏览器，最新版本可复制演示链接可在官方演示中复刻描述一下那个虫子如何复现这个漏洞？添加一个方块，将高度和最小高度设为0 添加一个法线块添加一个容器尝试把高度为0的块直接放到容器上，它会移除或重复一些组件，在某些情况下，0高度块无法上下拖拽。预期的行为是什么？拖动方块不应该取决于元素的高度。目前的行为是什么？拖拽方块取决于元素的高度，且必须大于0才能正常工作。行为准则 [x] 我同意遵守本项目的行为准则

GJS Helper

这是GrapesJS中已知的行为，与其拖放系统（通常依赖视觉边界框）与零高度元素的交互有关。理想情况下，拖放机制应足够稳健，能够处理元素，无论其视觉尺寸如何，但height: 0（和min-height: 0）状态可能导致计算投放区和拖拽指示器位置时出现问题。根本原因 GrapesJS拖放功能，像许多类似系统一样，依赖于准确确定DOM中元素的视觉边界和可用空间。当元素具有height: 0和min-height: 0时，其垂直维度完全崩溃。这使得拖放逻辑难以实现：计算投...

查看详情

#64222025年2月27日作者 sumasal2 个回答

0 个反应

提问增强组件缺陷画布

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

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

sumasal

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

GJS Helper

看起来你发现了GrapesJS dev分支中的一个bug，即即使编辑器处于预览模式，组件拖拽仍然可能。这确实与预期行为相反，因为预览模式应禁用所有编辑操作，包括拖动、调整大小和选择组件，以提供真正的只读视图。预期行为当调用editor.setPreview(true)时，GrapesJS设计为切换为非交互模式。这通常包括：隐藏编辑器面板和工具栏。禁用组件选择和高亮功能。防止所有组件的拖放操作。禁用调整尺寸的把手。根本原因（假说）虽然editor.setPre...

查看详情

#64092025年2月18日作者 Shuja-Mahmood4 个回答

0 个反应

提问缺陷组件画布 typescript

Cannot drag to move components on mobile

GrapesJS版本 [x] 我确认使用最新版本GrapesJS 你用的是什么浏览器？ Chrome v133 可复制演示链接 https://jsfiddle.net/2hjdrb7L/1/ 描述一下那个虫子如何复现这个漏洞？使用grapesjs v0.22.x 初始化一个 grapesjs 编辑器，并使用 grapesjs-touch 插件 v0.1.1。预期的行为是什么？在移动端，使用工具栏的移动处理程序应该能像之前版本那样将组件移动到另一个位置。 [链接]（https://jsfiddle.net/h1nzadq0/）用grapesjs v0.21.13演示，运行正常。目前的行为是什么？拖动组件时会出现下落指示...

bamiendev

同样的问题

federica-capobianco

你解决了吗？我也面临类似的问题

Shuja-Mahmood

问题在 v0.22.6 依然存在

查看详情

GrapesJS 问题

浏览所有主题