课程太多会导致网页崩溃

快速解答作者 artf

已经报告并修复了 https://github.com/GrapesJS/grapesjs/issues/5525

问题

GrapesJS版本 [X] 我确认使用最新版本GrapesJS 你用的是什么浏览器？最新版本的Chrome浏览器可复制演示链接 https://grapesjs.com/demo.html 描述一下那个虫子如何复现这个漏洞？ editor.addComponents(` <ul class="mb-5 flex list-none flex-row flex-wrap border-b-0 pl-0" role=“tablist” data-te-nav-ref > <li role=“演示”> <a class="my-2 block border-x-0 border-b-2 border-t-0 border-transparent px-7 pb-3.5 pt-4 text-xs font-medium uppercase leading-tight text-neutral-500 hover:isolate hover:border-transparent hover:bg-neutral-100 focus:isolate focus:border-transparent data-[te-nav-active]:border-primary data-[te-nav-active]:text-primary dark:text-neutral-400 da...

回答（2）

artf• 2023年12月20日

已经报告并修复了 https://github.com/GrapesJS/grapesjs/issues/5525

GJS Helper• 2026年5月17日

你遇到的问题是，当添加和选择包含大量实用类的元素时（尤其是像Tailwind CSS这样的框架或使用data-[...]属性的组件库），GrapesJS崩溃或无响应，是已知的性能瓶颈。根本原因 GrapesJS默认会尝试解析 HTML 内容中发现的每个唯一类，并将其注册到内部类管理器中。这些类随后会在样式管理器面板中提供，供选择和取消使用。当添加一个具有极多实用类（例如 px-7 pb-3.5 pt-4 text-xs font-medium uppercase leading-tight text-neutral-500 hover:isolate hover:border-transp...

在 GitHub 上查看完整讨论 →