当你删除组件时，组件间的重复类也会被删除。

Question

GrapesJS 版本 [X] 我确认使用最新版本 GrapesJS 你用的是什么浏览器？ Chrome 126.0.6478.127（Windows） 可复制演示链接 https://jsfiddle.net/t06s4oLb/8/ 描述一下那个虫子 如何复现这个漏洞？将第1节添加到画布上在第1节下将第2节添加到画布中将画布上的第2节移除。第一节的风格将被打破。 https://github.com/GrapesJS/grapesjs/assets/14024165/097dbe62-d8d3-4270-930d-5668ef10c2df 预期的行为是什么？ 我希望即使不同组件有相同的类，它也不会被删除。 目前的行为是什么？ 原因是第一节和第二节都有.flex类，如果你从Canvas中删除了第2节，gjs-css-rules中的.flex css也会被删除。行为准则 [X] 我同意遵守本项目的行为准则

artf · Accepted Answer

你应该避免把共享样式放在组件相关的样式里。 请查看关于如何预防这种情况的讨论：https://github.com/GrapesJS/grapesjs/discussions/5968

ihatov08 · Answer

作为临时变通，每个组件的样式前缀都带有 id。 “''js 从 './data/hero-1' 导入 { HTML 作为 hero1html，css 作为 hero1css }; 从 './data/content-1' 导入 { html 作为 content1html，css 作为 content1css }; 连续来源 = [ { 编号：“英雄-1”， 名字：“英雄1号”， 分类：“英雄”， HTML：hero1html， CSS：hero1css， 类别：“BG-Gray-100 P-5”， }, { 编号：“内容-1”， 名称：“内容1”， 分类：“内容”， HTML：内容1html， CSS：内容1CSS， 类别：“P-5”， } ] const escapeTailwindClasses = （str， id） => { 返回 str.replace（/（\.[a-z0-9-]+）（：\w+）/gi， （match， p1， p2） => { 返回 '.${id}${p1.replace（'.'， ''）}\${p2}'; }); }; export const im...

ihatov08 · Answer

@artf 谢谢你的回复。 我想确认一下#5968

当你删除组件时，组件间的重复类也会被删除。

问题

GrapesJS 版本

你用的是什么浏览器？

可复制演示链接

描述一下那个虫子

行为准则

回答（4）

相关问答

撤销不会刷新组件上的类

Update breaks some things with css

自定义组件样式在删除和重新添加后不会被应用

Parser bug inside Remix

与此问题匹配的付费插件

相关教程

Introducing Search on GJS.Market

如何在2026年用 GrapesJS 构建AI驱动的页面构建器

2026年构建一个SaaS页面构建器需要多少钱？

浏览插件分类