GrapesJS doesn't understand '@-webkit-keyframe' CSS rules.
我只是来这里开启同样的问题！:( @artf，你可以添加这个代码来检查。 “''js 编辑。CssComposer.addRules（' .animateanimated { -webkit-animation-时长：300ms; 动画时长：300毫秒; -webkit-animation-fill-mode：两者兼用; 动画填充模式：两者兼具; } @keyframes 渐入 { 0% { 不透明度：0 } 到 { 不透明度：1 } } .animatefadeIn { -webkit-animation-name： fadeIn; 动画名称：fadeIn } ); `` ![图片]（https://user-images.gi...
阅读下方完整回答 ↓问题
GrapesJS 版本
- 我确认使用最新版本 GrapesJS
你用的是什么浏览器？
Chrome v108
可复制演示链接
无关联
描述一下那个虫子
在编辑器中添加任何“@-webkit-keyframe”的CSS规则。它会显示为“@media”。
我现在给构建器添加了不少工具，但似乎每次添加任何webkit-keyframe的CSS规则，编辑器都无法理解它们，显示为“@media”。只是想知道它是否支持这个功能，还是我可能只是多心了，或者如果不支持，有没有办法帮你实现？
行为准则
- 我同意遵守本项目的行为准则
回答（3）
我只是来这里开启同样的问题！:( @artf，你可以添加这个代码来检查。 “''js 编辑。CssComposer.addRules（' .animateanimated { -webkit-animation-时长：300ms; 动画时长：300毫秒; -webkit-animation-fill-mode：两者兼用; 动画填充模式：两者兼具; } @keyframes 渐入 { 0% { 不透明度：0 } 到 { 不透明度：1 } } .animatefadeIn { -webkit-animation-name： fadeIn; 动画名称：fadeIn } ); `` ![图片]（ht...
谢谢你举报，@henry-mmw。 GrapesJS 不理解 '@-webkit-keyframe' CSS 规则的问题。 似乎是竞态条件或状态管理时序问题。这通常发生在组件生命周期事件和DOM修改重叠时，导致状态不一致。 尝试什么： 添加setTimeout包装器以确保DOM已稳定： “JavaScript setTimeout（（） => { 你在这里的行动 }, 0); 推荐的下一步步骤： 如果还没测试过，请用最新的GrapesJS版本测试 提供最小可重复的示例（CodeSandbox）——这有助于团队更快识别根本原因 在报告中包含 GrapesJS 版本、浏览器和控制台错误
相关问答
通过相似的问题讨论继续研究。
问题 #4847
Css edits aren't persisted to the DOM
GrapesJS 版本[X] 我确认使用最新版本 GrapesJS你用的是什么浏览器？ Chrome 版本 109.0.5414.87 描述一下那个虫子 如何复现这个漏洞？在 GrapesJS 画布上创建@keyframes动画在 JS 中，通过将以下字符串传递到编辑器中创建新...
问题 #6685
自定义组件样式在删除和重新添加后不会被应用
GrapesJS版本 [x] 我确认使用最新版本的GrapesJS 你用的是什么浏览器？ Chrome v143.0.7499.193 可复制演示链接 https://codesandbox.io/p/sandbox/2l3887 描述一下那个虫子 如何复现这个漏洞？ 打开页面...
问题 #5990
当你删除组件时，组件间的重复类也会被删除。
GrapesJS 版本 [X] 我确认使用最新版本 GrapesJS 你用的是什么浏览器？ Chrome 126.0.6478.127（Windows） 可复制演示链接 https://jsfiddle.net/t06s4oLb/8/ 描述一下那个虫子 如何复现这个漏洞？将第1...
问题 #5372
无法添加自定义AtRule（@container，@font面）
GrapesJS 版本 [X] 我确认使用最新版本 GrapesJS 你用的是什么浏览器？ Windows、Chrome、React 可复制演示链接 / 描述一下那个虫子 当尝试添加自定义 atRules 如 @container 或 @font-face 时，CSS 总是会编...
与此问题匹配的付费插件
根据问题关键词和标签相关性精选，助你更快交付。
正在加载付费插件推荐……
相关教程
关于同一主题的深入指南。
教程
Introducing Search on GJS.Market
GJS.Market now has one search across everything we publish — plugins, articles, community questions, guides, authors and services. Press ⌘K from any page.
教程
2026年构建一个SaaS页面构建器需要多少钱？
2026年构建一个SaaS页面构建器的成本是多少？探索实际的开发成本、时间表、功能，以及使用 GrapesJS 如何降低成本
教程
PageKit：你无论如何都得自己开发 GrapesJS 应用
一个围绕开源GrapesJS核心的源代码可用Next.js应用——发布、自定义域名、潜在客户、结账和插件加载器。
浏览插件分类
直接跳转到市场上的插件分类页面。