GrapesJS 不理解 '@-webkit-keyframe' CSS 规则。
我只是来这里开启同样的问题！:( @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...
阅读下方完整回答 ↓问题
葡萄JS版本
- 我确认使用最新版本的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的编辑不会被持久保存到DOM
葡萄JS版本[X] 我确认使用最新版本的GrapesJS你用的是什么浏览器？ Chrome 版本 109.0.5414.87描述一下那个虫子 如何复现这个漏洞？在 GrapesJS 画布上创建@keyframes动画在 JS 中，通过将以下字符串传递到编辑器中创建一个新的 Cs...
问题 #6685
自定义组件样式在删除和重新添加后不会被应用
GrapesJS版本 [x] 我确认使用最新版本的GrapesJS 你用的是什么浏览器？ Chrome v143.0.7499.193 可复制演示链接 https://codesandbox.io/p/sandbox/2l3887 描述一下那个虫子 如何复现这个漏洞？ 打开页面...
问题 #5990
当你删除组件时，组件间的重复类也会被删除。
葡萄JS版本 [X] 我确认使用最新版本的GrapesJS 你用的是什么浏览器？ Chrome 126.0.6478.127（Windows） 可复制演示链接 https://jsfiddle.net/t06s4oLb/8/ 描述一下那个虫子 如何复现这个漏洞？将第1节添加到画...
问题 #5372
无法添加自定义AtRule（@container，@font面）
葡萄JS版本 [X] 我确认使用最新版本的GrapesJS 你用的是什么浏览器？ Windows、Chrome、React 可复制演示链接 / 描述一下那个虫子 当尝试添加自定义 atRules 如 @container 或 @font-face 时，CSS 总是编译成 @me...
与此问题匹配的付费插件
根据问题关键词和标签相关性精选，助你更快交付。
正在加载付费插件推荐……
相关教程
关于同一主题的深入指南。
教程
GrapesJS DevTools: A Developer Panel Inside Your Editor
If you've ever debugged GrapesJS with console.log(editor.getSelected()) and a dozen throwaway event listeners — this post is for you.
教程
How We Built Composeit in Record Time Using GrapesJS Shadcn
Bypass foundational builder boilerplate and focus on what truly matters.
教程
Ship to Production Faster: What’s New in GrapesJS Shadcn
Supercharge your page builder! GrapesJS Shadcn adds live drag previews, rich text / commands, dynamic data, and canvas presets to ship to prod faster.
浏览插件分类
直接跳转到市场上的插件分类页面。