无法添加自定义AtRule（@container，@font面）
你遇到的自定义AtRules（如@container或@font-face）在使用editor.Css.addRules时被编译成@media的问题，是GrapesJS当前CssComposer中的已知限制。 根本原因 GrapesJS的CssComposer（负责管理 CSS 规则的模块）有一个内部解析器，主要用于处理标准 CSS 规则（带有属性的选择器）和一组特定的 AtRule，尤其是 @media 查询。当CssComposer遇到 AtRule 时，它没有显式识别或没有专门的解析/序列化机制（比如更新的 CSS 功能如 @container，或更专门的规则如 @font-face、@keyframes、@layer等），...
阅读下方完整回答 ↓问题
GrapesJS 版本 [X] 我确认使用最新版本 GrapesJS 你用的是什么浏览器？ Windows、Chrome、React 可复制演示链接 / 描述一下那个虫子 当尝试添加自定义 atRules 如 @container 或 @font-face 时，CSS 总是会编译成 @media。我尝试过多种方法，包括使用 Css.setRules 和 Css.addRules，以及插入 HTML 字符串，但都无济于事。 这是我给的代码： 行为准则 [X] 我同意遵守本项目的行为准则
回答（1）
你遇到的自定义AtRules（如@container或@font-face）在使用editor.Css.addRules时被编译成@media的问题，是GrapesJS当前CssComposer中的已知限制。 根本原因 GrapesJS的CssComposer（负责管理 CSS 规则的模块）有一个内部解析器，主要用于处理标准 CSS 规则（带有属性的选择器）和一组特定的 AtRule，尤其是 @media 查询。当CssComposer遇到 AtRule 时，它没有显式识别或没有专门的解析/序列化机制（比如更新的 CSS 功能如 @container，或更专门的规则如 @font-face、...
相关问答
通过相似的问题讨论继续研究。
问题 #5990
当你删除组件时，组件间的重复类也会被删除。
GrapesJS 版本 [X] 我确认使用最新版本 GrapesJS 你用的是什么浏览器？ Chrome 126.0.6478.127（Windows） 可复制演示链接 https://jsfiddle.net/t06s4oLb/8/ 描述一下那个虫子 如何复现这个漏洞？将第1...
问题 #6685
自定义组件样式在删除和重新添加后不会被应用
GrapesJS版本 [x] 我确认使用最新版本的GrapesJS 你用的是什么浏览器？ Chrome v143.0.7499.193 可复制演示链接 https://codesandbox.io/p/sandbox/2l3887 描述一下那个虫子 如何复现这个漏洞？ 打开页面...
问题 #5274
Parser bug inside Remix
GrapesJS 版本 [X] 我确认使用最新版本 GrapesJS 你用的是什么浏览器？ Chrome v114 可复制演示链接 https://github.com/wunksert/remix-grapes-error/tree/main 描述一下那个虫子 如何复现这个漏...
问题 #3832
每次重载后，CSS 类都会被移除，并且每个 HTML 标签的自动生成 ID（例如：ivj5m-2）都会被更改
GrapesJS版本 [X] 我确认使用最新版本GrapesJS 你用的是什么浏览器？ 铬 可复制演示链接 不是在那里 描述一下那个虫子 如何重现这个bug？ 在 React 应用中安装 grapes js 进入编辑器，拖动一个组件。（示例：文本组件） 使用样式管理器为组件做样...
与此问题匹配的付费插件
根据问题关键词和标签相关性精选，助你更快交付。
正在加载付费插件推荐……
浏览插件分类
直接跳转到市场上的插件分类页面。