SetComponents 有时非常慢
这会告诉你如何发现性能问题 https://developers.google.com/web/tools/chrome-devtools/evaluate-performance/
阅读下方完整回答 ↓问题
大家好 我们正在开发一个通讯应用,使用 grapesjs 作为邮件编辑器,通讯预设为 plguin 和一些自定义更改。我们把HTML存储在数据库里,我注意到有些模板用editor.setComponents方法加载起来非常慢。
我尝试通过导入加载演示页面的模板,虽然加载几乎是瞬间完成的,但我注意到新闻通讯演示页面出现了一个奇怪的问题(https://grapesjs.com/demo-newsletter-editor.html)。如果在导入HTML模板前选择组件,加载时间会长得多(从0.5秒到5秒不等)。
插入一些日志后,我发现骨干“设置”方法被更多地调用。大多数是“添加”模型被重复使用,但也有很多“变换样式”的模型。但我有点迷茫,不知道哪些是必要的,哪些不是 :S 也许弄清楚为什么选中某个组件时 setComponents 会变慢,能帮我弄清楚为什么它在我们项目中也变慢。
我还注意到这个问题是在0.14.40版本发布后开始出现的。 任何帮助都非常感谢。
回答(3)
你好@iggolob能举个模板示例和具体步骤来重现问题吗(说的是选择组件时速度变慢)?
你好@artf 新闻通讯演示页面可用于重现该期刊(https://grapesjs.com/demo-newsletter-editor.html)。 作为模板,你可以使用演示页面的预设HTML集。只需从导出模板选项复制 HTML 即可。 现在如果你导入那个模板,应该几乎可以立刻完成。但如果你选择任何组件,无论是图片、文本、单元还是表格,尝试导入时都会明显花很长时间,比如几秒钟。 希望这些信息足够,我也可以尝试做个视频,展示步骤。
相关问答
通过相似的问题讨论继续研究。
问题 #1516
CKeditor 5 [增强功能]
嘿,@artf, 如以下[task](https://github.com/artf/grapesjs/issues/1236)所述,我构建了一个ckeditor 5,它能配合GrapesJS,但部分功能表现不如预期。 项目符号和数字点创建时没有问题,但加粗、斜体和链接选项则不...
问题 #4503
CKEditor 在添加原始 HTML 组件时使用的缺少内联样式
葡萄JS版本 [X] 我确认使用最新版本的GrapesJS 你用的是什么浏览器? 铬 v96 可复制演示链接 https://grapesjs.com/demo-newsletter-editor.html 描述一下那个虫子 如何复现这个漏洞?在控制台标签页打开开发者工具运行下...
问题 #1791
目的地名称
@artf,有没有办法显示目标元素的名称? 
问题 #364
排序 如何显示区块类别。
有没有办法在“块”标签页中设置分类的显示方式?
与此问题匹配的付费插件
根据问题关键词和标签相关性精选,助你更快交付。
正在加载付费插件推荐……
相关教程
关于同一主题的深入指南。
教程
Super Tooltip for GrapesJS — Version 0.1.5 Released 🎉
We’re excited to announce the v 0.1.5 update of Super Tooltip, our floating‑menu and tooltip plugin for GrapesJS
教程
GrapesJS in 2026: The Complete Guide to the Open-Source Web Builder Framework
Master GrapesJS in 2026. Architecture, code examples, React integration, plugin development, Studio SDK, and how it compares to other projects
浏览插件分类
直接跳转到市场上的插件分类页面。