@keyframes即使我通过关键帧对象后也没有添加
用这个 “''js 编辑。CssComposer.getAll（）.add（'@keyframes fadeTop { ... }'） // 你的CSS字符串 ```
阅读下方完整回答 ↓问题
你好，@artf，
我已经添加了
'让CC = 编辑器。Css作曲家;
cc.setRule（'.fadetop-animate'，
{ 不透明度：0，'animation-name'： 'fadeTop' }，
{
atRuleType： 'keyframes'，
atRuleParams： 'fadeTop'，
选择器：“to”，
风格：{
不透明度：1
}
});`
根据文件[]（https://grapesjs.com/docs/api/css_composer.html#setrule）
但关键帧规则不会被添加到组件中。
如何为组件样式添加关键帧？
回答（2）
用这个 “''js 编辑。CssComposer.getAll（）.add（'@keyframes fadeTop { ... }'） // 你的CSS字符串
谢谢你举报，@niranjank151。 关于@keyframes即使我传递关键帧对象后也没有添加，这个问题很棒。推荐的 StyleManager 方法是使用事件驱动的 API。 从这里开始： 查看你所在模块的[GrapesJS文档]（https://grapesjs.com/docs/） 寻找“on（）”事件监听器方法 大多数操作可以通过监听编辑器和组件事件来实现 常见模式： “JavaScript 留意变化 editor.on（'change'， （） => console.log（'something changed'））; 组件生命周期 editor.on（'component：mo...
相关问答
通过相似的问题讨论继续研究。
问题 #3222
新节点添加后，如何刷新/重新渲染？
我会手动在渲染组件中添加一个新节点。 视觉效果还可以，但无法保存，因为我的风格不是用自动生成的GrapesJS ID。 要手动解决这个难题，我双击要进入的组件，然后在画布主体中点击外部。然后，将 GrapesJS ID 和 'data-gjs-type='text' 添加到新节...
问题 #4765
官方的解析@keyframes方法并不起作用
葡萄JS版本[X] 我确认使用最新版本的GrapesJS你用的是什么浏览器？ Chrome v107描述一下那个虫子 如何复现这个漏洞？按照[这里]（https://grapesjs.com/docs/guides/Custom-CSS-parser.html#rule-obj...
问题 #5460
从“pageManager”加载“组件”和“样式”
葡萄JS版本[X] 我确认使用最新版本的GrapesJS你用的是什么浏览器？ Chrome v117.0.5938.149可复制演示链接 https://jsfiddle.net/9oLrsvya/描述一下那个虫子 如何复现这个漏洞？请参见 jsfiddle 中的“pageMa...
问题 #5316
编辑者未订阅选择器：移除
葡萄JS版本[X] 我确认使用最新版本的GrapesJS你用的是什么浏览器？ Chrome v115.0.5790.170可复制演示链接 https://jsfiddle.net/BenKhz/yfwqc6mu/1/ 参考[这里的文档]（https://grapesjs.com...
与此问题匹配的付费插件
根据问题关键词和标签相关性精选，助你更快交付。
正在加载付费插件推荐……
浏览插件分类
直接跳转到市场上的插件分类页面。