PageKit — 可自托管的 GrapesJS 建站工具，附完整源码。 获取抢先体验

GrapesJS 问题

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

找到 16 个问题

🔍 performance
#43232022年5月12日作者 mohdSuhailCoditation4 个回答
10 个反应
提问性能组件缺陷画布

当你在Canvas上有2k组件时，拖拽组件到画布时出现性能问题

GrapesJS版本[X] 我确认使用最新版本GrapesJS你用的是什么浏览器？ Google Chrome 版本 101.0.4951.41（官方版本）（64 位）可复制演示链接 https://jsfiddle.net/Laze0pyg/描述一下那个虫子 如何复现这个漏洞？使用以下脚本添加2k组件。for(let i = 0;i<2000;i++) editor.addComponents('<div>ABC</div>');尝试将文本块拖曳到画布上。 预期的行为是什么？ 应该没有延迟。 目前的行为是什么？ 绿色的占位符出现了延迟 JS小提琴 https://jsfiddle.net/Laze0pyg/ 演示 https:/...

GedMarc

但是......给任何页面添加2000个带有基本样式的支配元素，就会有延迟？这可能不是工具本身的问题，而是工具的使用方式？ 另外检查一下浏览器渲染速度和电脑的关系——http://speed-battle.com/speedtest_e.php https://www.webfx.com/web-development/learn/why-does-your-website-load-slowly/ [2015年，平均页面大小为2MB]（https://www.soasta...

artf

最新版本包含了@mohamedsalem401分拣器的重构，之前的演示现在似乎运行良好 🥳

vizardkill

https://github.com/GrapesJS/grapesjs/assets/37307788/2d653d49-1a57-458c-bc8c-4833c8c7a690 我也有同样的问题，我觉得不是因为体积，我用的是pageManager，预加载HTML模板，试图拖动新元素到画布时，画布只有10秒后才插入组件，甚至会短暂卡死

查看详情
#40292021年12月22日作者 jloguercio2 个回答
0 个反应
提问性能缺陷画布accessibility

当你有1000+个自定义块时，拖块到Canvas的性能

GrapesJS 版本[X] 我确认使用最新版本 GrapesJS你用的是什么浏览器？ Chrome v96可复制演示链接 没有演示描述一下那个虫子 如何复现这个漏洞？在块管理器中添加超过1000个方块，我这里是7864个字体的超棒图标。尝试从方块面板拖拽任意方块 解释 我把所有字体 Awesome Pro 图标都加成了单块，使用下面的代码，其中 jsonIcons 是一个包含所有 7,864 个图标的 json 变量，我需要用 archieve 把列表里的每个图标拖拽到 canvas 上 主要问题是当我尝试拖动图标方块时，拖拽事件和放置方块的速度太慢，绿色下落标记也是如此，我该如何解决这个问题？有没有办法在大量方块的情况下提升性...

artf

针对你，我建议创建一个[自定义块管理器]（https://grapesjs.com/docs/modules/Blocks.html#customization），你可以根据需要调整块的界面（比如搜索、DOM虚拟化等）。

GJSBlock

谢谢你举报，@jloguercio。 关于在拥有1000+自定义块时，拖块到Canvas性能的好问题。推荐的 Canvas 方法是使用事件驱动的 API。 从这里开始： 查看你所在模块的[GrapesJS文档]（https://grapesjs.com/docs/） 寻找“on（）”事件监听器方法 大多数操作可以通过监听编辑器和组件事件来实现 常见模式： “JavaScript 留意变化 editor.on（'change'， （） => console.log（'some...

查看详情
#37702021年9月12日作者 damnslow4 个回答
13 个反应
提问缺陷增强性能typescript

Improve and fix absolute dragMode

GrapesJS 版本 [X] 我确认使用最新版本 GrapesJS 你用的是什么浏览器？ Chrome v93 可复制演示链接 https://codepen.io/damnslow/pen/yLXXOxQ 描述一下那个虫子 如何复现这个漏洞？选择两个元素使用拖曳图标拖曳 预期的行为是什么？ 两个元素应协同移动 目前的行为是什么？ 只有一个元素会移动。 如果需要执行某些代码以重现该漏洞，请将其粘贴到下面： 不。行为准则 [X] 我同意遵守本项目的行为准则

artf

目前绝对定位存在多个问题，我想在这里全部回应：[ ] 另一个设备位置错误[ ] 在放大/平移画布上位置错误[ ] 绝对分量子的错误位置[ ] 支持多重选择[ ] 支持触摸设备[ ] 支援'%'单位 我还不确定具体什么时候会开始做，但希望很快，一如既往，任何帮助我都非常感激。

itscarlosrufo

大家好， 非常感谢你的反馈和详细讨论。 我们很高兴地分享，我们已经解决了部分需求功能。此外，我们还推出了一个新的绝对模式插件，应该能覆盖上述大部分使用场景。 你可以在我们的新文档中了解更多： https://app.grapesjs.com/docs-sdk/plugins/canvas/absolute-mode 欢迎试试，如果有其他建议也告诉我们！

fmfeit

你好，@artf， 这个功能对我当前的项目至关重要，所以我有两个问题： 是否可以付钱给你（或其他人）优先使用这个功能？ 如果没有，能否说明解决问题所需的步骤，并给我一个起点？

查看详情
#34602021年5月17日作者 Redix02 个回答
0 个反应
缺陷文档性能依赖typescript

TypeError: Cannot read property 'get' of undefined

错误： （节点：206）UnhandledPromiseRejectionWarning：类型错误：无法读取未定义的属性“get” （节点：206）未处理承诺拒绝警告：未处理承诺拒绝。该错误要么源于在没有捕捉块的异步函数中抛入，要么是拒绝了未用 .catch（） 处理的承诺。要在未处理的承诺拒绝时终止节点进程，可以使用CLI标志“--unhandled-rejections=strict”（参见 https://nodejs.org/api/cli.html#cliunhandledrejectionsmode）。（拒绝编号：1） （节点：206）[DEP0018]弃用警告：未处理的承诺拒绝将被弃用。未来，未被处理的承诺拒绝将以非...

artf

请遵循议题模板

GJSBlock

谢谢你举报，@Redix0。 安全和依赖性问题很重要。GrapesJS 团队积极致力于保持依赖系统的更新。 为你现在： 运行“npm审计修复”以查看可用的补丁 查看是否有更新的GrapesJS版本，可能已经解决了这个问题 如有稳定版，升级前先测试最新稳定版 如果漏洞非常严重，可以使用“npm audit fix --force”，但请务必彻底测试 理解风险： 在GitHub安全公告中查看具体漏洞详情 并非所有高严重性问题都会影响你的代码路径 某些漏洞仅在特定条件下触发 保持...

查看详情
#34492021年5月11日作者 chiragkataria223 个回答
0 个反应
style-manager组件性能画布typescript

切换页面会反复调用画布样式和脚本

嗨 我正在将页面管理器集成到我的项目中。但我遇到的问题是，每当我在页面之间切换时，它会反复加载 canvas 对象中初始化时给出的 CSS 和脚本文件。 这让页面切换变得缓慢。 实施： Grapesjs.init（{ pageManager： { 页码：[ { id：“第1页”， styles： ''， // 或样式的 JSON 组件：“''，// 或组件的 JSON 名称：“第1页”， }, ], }, 画布：{ 风格：[ '../assets/bootstrap/bootstrap.min.css'， '../assets/platforma/platforma.min.css'， '../资产/editor.css'， ],...

chiragkataria22

@artf 你能帮帮我吗？

artf

不幸的是，切换页面会创建一个新的iframe，所以行为是正确的。 我更倾向于移除之前的iframe，以尽量降低内存占用。一个解决办法可能是想办法重用之前的iframe，但这可能会在外部JS中引发上下文问题......所以我不确定如何正确预防这种行为。 总之，说实话，我不指望第一次加载后切换会这么慢，因为浏览器应该会缓存外部文件......你能制作一个你的经历的屏幕录制吗？

GJSBlock

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

查看详情
#31302020年11月10日作者 jenter4 个回答
2 个反应
提问性能画布

标准方法：对HTML工具栏和徽章进行轻微重构

版本： '0.15.10' 这个问题旨在验证是否有合适的方法通过自定义插件扩展当前 https://github.com/artf/grapesjs/blob/master/src/canvas/view/CanvasView.js。我们特别回顾了该文件中的“render（）”方法，以稍微修改HTML以结合工具栏和徽章，实现该UI设计： ![图片]（https://user-images.githubusercontent.com/1368216/98736636-12e2d980-2373-11eb-8871-7ac45dcdae3e.png） 过去，我成功地用编辑器扩展了命令。Commands.extend（'select-c...

artf

你好@jenter，好问题。不幸的是，我从未真正关注过画布扩展或其界面元素的可能性，所以肯定没有绝对正确的做法。 如果有人愿意提出解决方案，我很乐意帮你评估。

jenter

@artf我会审阅一些提案/想法并加入这个帖子。

artf

太好了，谢谢你，Jason

查看详情

浏览所有主题