GrapesJS 问题

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

状态

排序

找到 545 个问题

🔍 typescript

#48122022年12月27日作者 FaisalShaikhHA2 个回答

1 个反应

提问组件缺陷 typescript

分层属性在父子关系中无法正常工作。

GrapesJS 版本 [X] 我确认使用最新版本 GrapesJS 你用的是什么浏览器？ 107.0.5304.110（官方构建）（arm64）可复制演示链接 https://codepen.io/faisal-praella/pen/rNvOwgR 描述一下那个虫子当父组件设置为 layerable: false 时，它不可见，其所有子组件在图层管理器中也不可见。当其子组件被设置为 layerable: true 时，图层管理器中应该能看到。预期的行为是什么？父组件和子组件应该隐藏，但带有 layerable: true 的子组件应在图层管理器中可见。目前的行为是什么？带有 layerable: true 的子节...

artf

不幸的是，这就是目前“可分层”的机制，所以不是bug，但我很乐意接受一个PR以改善这种行为。

GJSBlock

谢谢你举报，@FaisalShaikhHA。 Layerable 属性在父子情景中未按预期工作的问题似乎是竞态条件或状态管理时序问题。这通常发生在组件生命周期事件和DOM修改重叠时，导致状态不一致。尝试什么：添加setTimeout包装器以确保DOM已稳定： “JavaScript setTimeout（（） => { 你在这里的行动 }, 0); 推荐的下一步步骤：如果还没测试过，请用最新的GrapesJS版本测试提供最小可重复的示例（CodeSandbox）——...

查看详情

#48032022年12月25日作者 miladmeidanshahi1 个回答

0 个反应

提问组件 typescript 缺陷

Traits value type select doesn't fill value

GrapesJS 版本 [X] 我确认使用最新版本 GrapesJS 你用的是什么浏览器？ Chrome 108 可复制演示链接 https://grapesjs.com/demo.html 描述一下那个虫子如何复现这个漏洞？使用工具提示组件，通过 editor.getSelected().getTraits() 获取特质，你可以看到 data-tooltip-length 值是空的，设置面板设置后会填满该值，但重新刷新页面后值却是false。其他类型如布尔值和文本填充值，即使刷新页面后，我觉得所选类型出了问题。所有使用select-type特性的组件都会出现这种情况。 ![截图来自2022-12-25 12-45 12-45...

GJSBlock

谢谢你举报，@miladmeidanshahi。关于特质价值类型选择不填补价值的好问题。推荐的组件方法是使用事件驱动的API。从这里开始：查看你所在模块的[GrapesJS文档]（https://grapesjs.com/docs/）寻找“on（）”事件监听器方法大多数操作可以通过监听编辑器和组件事件来实现常见模式： “JavaScript 留意变化 editor.on（'change'，（） => console.log（'something changed...

查看详情

#48012022年12月23日作者 eduardocalixtokorp2 个回答

1 个反应

提问组件缺陷 typescript

React components componentWillUnmount is not called

GrapesJS 版本[X] 我确认使用最新版本 GrapesJS你用的是什么浏览器？ Chrome 108.0.5359.125（Windows）可复制演示链接 https://codesandbox.io/s/white-meadow-o56l2d?file=/src/Chart/Chart.js:135-254 这个演示不在最新版本 grapesjs 里，但在本地使用最新版本时，我遇到了同样的bug。描述一下那个虫子如何复现这个漏洞？访问此[链接]（https://codesandbox.io/s/white-meadow-o56l2d?file=/src/Chart/Chart.js:135-254）打开控制台拖拽“图表...

eduardocalixtokorp

我注意到在我的组件定义中，我正在做 'reactRoot.render（<>{reactEl} </>）' 在onRender（）中，我之前遗漏了补充 'root.unmount（）' n remove（）方法

GJSBlock

谢谢你举报，@eduardocalixtokorp。关于React componentscomponentWillUnmount不叫的好问题。推荐的组件方法是使用事件驱动的API。从这里开始：查看你所在模块的[GrapesJS文档]（https://grapesjs.com/docs/）寻找“on（）”事件监听器方法大多数操作可以通过监听编辑器和组件事件来实现常见模式： “JavaScript 留意变化 editor.on（'change'，（） => con...

查看详情

#48002022年12月23日作者 usmanqamar-int2 个回答

0 个反应

提问组件缺陷 typescript

移除或添加组件会改变其他组件位置，但用拖拽模式翻译，有什么解决办法吗？

GrapesJS 版本 [X] 我确认使用最新版本 GrapesJS 你用的是什么浏览器？铬可复制演示链接 https://zmzr3n.csb.app/ 描述一下那个虫子如何复现这个漏洞？在删除或添加多个组件时，其他组件的位置发生了变化。预期的行为是什么？这不应改变他们的立场行为准则 [X] 我同意遵守本项目的行为准则

artf

这就是翻译的原理，另一种选择是使用绝对模式

GJSBlock

感谢你举报，@usmanqamar-int。关于移除或添加组件会改变其他组件位置的拖拽模式翻译，有没有解决办法？推荐的组件方法是使用事件驱动的API。从这里开始：查看你所在模块的[GrapesJS文档]（https://grapesjs.com/docs/）寻找“on（）”事件监听器方法大多数操作可以通过监听编辑器和组件事件来实现常见模式： “JavaScript 留意变化 editor.on（'change'，（） => console.log（'somet...

查看详情

#47972022年12月21日作者 vaneatka1 个回答

0 个反应

style-manager 缺陷提问 typescript

Change type keepUnusedStyles?: 0;

GrapesJS 版本 [X] 我确认使用最新版本 GrapesJS 你用的是什么浏览器？任何可复制演示链接无描述一下那个虫子请修正的类型 keepUnusedStyles？： 0; https://github.com/artf/grapesjs/blob/dev/index.d.ts#L261 以避免这种代码保持未使用风格：如同任何事一样真实，谢谢。行为准则 [X] 我同意遵守本项目的行为准则

GJSBlock

谢谢你举报，@vaneatka。 change type keepUnusedStyles？： 0; 的问题似乎是竞赛条件或状态管理时序问题。这通常发生在组件生命周期事件和DOM修改重叠时，导致状态不一致。尝试什么：添加setTimeout包装器以确保DOM已稳定： “JavaScript setTimeout（（） => { 你在这里的行动 }, 0); 推荐的下一步步骤：如果还没测试过，请用最新的GrapesJS版本测试提供最小可重复的示例（CodeSandbo...

查看详情

#47962022年12月21日作者 RakulAgn2 个回答

0 个反应

组件 style-manager typescript 性能

Custom Traits not Updating if using mjml

这种方法对普通HTML来说是正常的。但当我尝试用MJML来标记MJ-IMAGE标签时， SRC在TR标签中是更新的，但在TR标签内的img标签中没有更新下方图片 ![截图来自2022-12-21 13-32-13（1）]（https://user-images.githubusercontent.com/119593989/208852368-33fc6704-88e4-4ac0-8f9c-9c022efd67cb.jpg） Originally由@RakulAgn在 https://github.com/artf/grapesjs/discussions/4795发布

artf

@RakulAgn请避免在讨论中制造问题。

GJSBlock

谢谢你举报，@RakulAgn。感谢你分享关于使用mjml时自定义特征未更新的报告。为了帮助团队调查并优先排序：请提供：一个最小可复现的例子（CodeSandbox/JSFiddle）你的GrapesJS版本号浏览器和操作系统信息浏览器控制台的任何错误信息重现问题的步骤最有帮助的是什么：简约代码示例（不是你整个项目）屏幕录制或截图显示问题明确区分预期行为与实际行为你正在使用的GrapesJS配置有了这些细节，维护者可以更快地识别和优先排序修复。Gr...

查看详情

#47922022年12月19日作者 wunksert4 个回答

0 个反应

组件提问缺陷 style-manager typescript

Drag and drop broken in 20.2

GrapesJS 版本[X] 我确认使用最新版本 GrapesJS你用的是什么浏览器？ Chrome v108可复制演示链接见下文描述一下那个虫子如何复现这个漏洞？创建自定义组件将其作为组件和可拖拽块添加到编辑器中在组件添加时将编辑器设置为绝对拖拽模式，丢弃组件后再将该组件本身设为绝对拖拽模式。重置编辑器预期的行为是什么？组件保持在放置的位置（这在 v 0.20.1 中正常工作）目前的行为是什么？组件会吸附到屏幕右侧（这种行为是在0.20.2版本中新增的）行为准则[X] 我同意遵守本项目的行为准则

wunksert

确认它在 v0.20.1 中仍然有效，所以看起来回归是在 v0.20.2 引入的

wunksert

组件一旦添加到画布中，也无法再拖曳。

artf

我会为下一次发布准备修复方案。

查看详情

#47902022年12月18日作者 clonefunnels3 个回答

0 个反应

提问缺陷性能 style-manager typescript

旧版本BUG——如果我无法获得帮助让最新版本正常工作......

GrapesJS 版本 [X] 我确认使用最新版本 GrapesJS 你用的是什么浏览器？铬可复制演示链接旧版本不行。真希望能升级！描述一下那个虫子抱歉，我得勾选发帖框...... 如何复现这个漏洞？...用旧版本的 GrapesJS 因为你无法像我一样让新存储管理器工作。...尝试用移动端优化页面。预期的行为是什么？ ...它会保留你做更改时插入的CSS。目前的行为是什么？ ...事实并非如此。如果需要执行某些代码以重现该漏洞，请将其粘贴到下面：你只需按下导入按钮，它就消失了。 ![2022-12-1806h1426]（https://user-images.githubusercontent.com/9594...

clonefunnels

如果能修复，我不介意继续用旧版本。或者有人能告诉我如何在不安装Rest API的情况下，像以前那样加载HTML和CSS吗？

clonefunnels

我找到了问题所在。是grapesjs-parser-postcss.min.js？0.1.1 我用1.0.1替换了它

GJSBlock

谢谢你举报，@clonefunnels。关于旧版BUG的好问题——如果我找不到帮助让最新版本正常工作......。推荐的 StyleManager 方法是使用事件驱动的 API。从这里开始：查看你所在模块的[GrapesJS文档]（https://grapesjs.com/docs/）寻找“on（）”事件监听器方法大多数操作可以通过监听编辑器和组件事件来实现常见模式： “JavaScript 留意变化 editor.on（'change'，（） => cons...

查看详情

#47742022年12月9日作者 edenizk2 个回答

1 个反应

提问缺陷 typescript

Can't set traits in attributes

GrapesJS 版本 [X] 我确认使用最新版本 GrapesJS 你用的是什么浏览器？ Firefox 可复制演示链接 https://jsfiddle.net/9aj630x7/ 描述一下那个虫子如何复现这个漏洞？创建一个元素将 data-gjs-traits 属性设置为任意默认特征名，比如 id 或 title，这样整个功能就会被压制预期的行为是什么？我预期结果和 data-gjs-traits='' 一样，都是把特质设空目前的行为是什么？如果我放别的东西，而不是空绳子，会压坏 grapes 如果需要执行某些代码以重现该漏洞，请将其粘贴到下面：行为准则 [X] 我同意遵守本项目的行为准则

artf

你应该使用正确解析的JSON字符串，比如，'data-gjs-traits='[“id”]''， 'data-gjs-traits=“[]''

GJSBlock

谢谢你举报，@edenizk。关于无法在属性中设置特质的好问题。GrapesJS 推荐的方法是使用事件驱动 API。从这里开始：查看你所在模块的[GrapesJS文档]（https://grapesjs.com/docs/）寻找“on（）”事件监听器方法大多数操作可以通过监听编辑器和组件事件来实现常见模式： “JavaScript 留意变化 editor.on（'change'，（） => console.log（'something changed'））;...

查看详情

#47522022年11月28日作者 FaisalShaikhHA3 个回答

0 个反应

提问缺陷组件 style-manager typescript

带有指针事件的组件：'all'（除封装器外）或可编辑组件可以拖拽并下放到自己身上。

GrapesJS 版本[X] 我确认使用最新版本 GrapesJS你用的是什么浏览器？ Chrome 107.0.5304.121（官方版本）（arm64）可复制演示链接 https://jsfiddle.net/artur_arseniev/aku70f5w描述一下那个虫子如何复现这个漏洞？尝试拖拽可编辑组件或本身有 pointer-events: all CSS 的组件。它会消失。由于此操作执行无限循环，控制台 Uncaught RangeError: Maximum call stack size exceeded返回错误。即使将可拖 false 设置为可编辑组件，它依然可拖拽。预期的行为是什么？可编辑组件不应该像包装...

artf

演示本身有个问题，现在已经修复了（在包装组件中添加了“可拖拽：false”）

FaisalShaikhHA

getCSSS补丁让它始终返回可编辑组件的内容无法正常工作，你能帮我解决这个问题吗@artf 下面的代码（包含在可复现演示链接中）总是返回整个画布或包装器的CSS字符串。

GJSBlock

谢谢你举报，@FaisalShaikhHA。关于带指针事件的组件：“全部”（除了包装器）或可编辑组件可以拖拽到自己身上，这个问题很棒。推荐的 StyleManager 方法是使用事件驱动的 API。从这里开始：查看你所在模块的[GrapesJS文档]（https://grapesjs.com/docs/）寻找“on（）”事件监听器方法大多数操作可以通过监听编辑器和组件事件来实现常见模式： “JavaScript 留意变化 editor.on（'change'，...

查看详情

GrapesJS 问题

浏览所有主题