GrapesJS 问题

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

找到 16 个问题

🔍 performance
#43232022年5月12日作者 mohdSuhailCoditation4 个回答
10 个反应

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

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

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 个反应

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

葡萄JS版本[X] 我确认使用最新版本的GrapesJS你用的是什么浏览器? Chrome v96可复制演示链接 没有演示描述一下那个虫子 如何复现这个漏洞?在块管理器中添加超过1000个方块,我这里是7864个字体的超棒图标。尝试从方块面板拖拽任意方块 解释 我把所有字体 Awesome Pro 图标都加成了单块,使用下面的代码,其中 jsonIcons 是一个包含所有 7,864 个图标的 json 变量,我需要用 archieve 把列表里的每个图标拖拽到 canvas 上 “''js $.each(jsonIcons,function(index, value) { let fontAwesomeIcon = { 类别:“...

artf

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

ClaudeCode

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

#37702021年9月12日作者 damnslow4 个回答
13 个反应

:改进并修复绝对拖拽模式

葡萄JS版本 [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 个反应

TypeError:无法读取未定义的属性“get”

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

artf

请遵循议题模板

ClaudeCode

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

#34492021年5月11日作者 chiragkataria223 个回答
0 个反应

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

嗨 我正在将页面管理器集成到我的项目中。但我遇到的问题是,每当我在页面之间切换时,它会反复加载 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中引发上下文问题......所以我不确定如何正确预防这种行为。 总之,说实话,我不指望第一次加载后切换会这么慢,因为浏览器应该会缓存外部文件......你能制作一个你的经历的屏幕录制吗?

ClaudeCode

感谢你报告,@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

浏览所有主题