PageKit — 可自托管的 GrapesJS 建站工具,附完整源码。 获取抢先体验

问题 #4765✓ 已解决提出于 2022年12月2日作者 wunksert3 个反应

The documented way to parse @keyframes does not work

快速解答作者 artf❤ 2

你好@wunksert之前有个与关键帧相关的问题[这里](https://github.com/artf/grapesjs/issues/4727),已经修复但还没发布。

阅读下方完整回答 ↓

问题

GrapesJS 版本[X] 我确认使用最新版本 GrapesJS你用的是什么浏览器? Chrome v107描述一下那个虫子 如何复现这个漏洞?按照以下说明[这里](https://grapesjs.com/docs/guides/Custom-CSS-parser.html#rule-objects)创建你自己的CSS解析器,并输入@keyframes规则CSS字符串。我用了这里的预建帖子解析器:[这里](https://github.com/artf/grapesjs-parser-postcss/blob/master/src/parser.ts)结构从解析器中导出并与文档匹配(见附图),但没有动画 <img width=“302” alt=“截图 2022-12-01 晚上8:59:53” src=“https://user-images.githubusercontent.com/12617956/205198051-0dc468a7-c0cb-4649-9429-a92c001e4117.png”> 预期的行为是什么? 动画 目前的行为是什么? 这个元素没有动画。这是HTML结构......我可能错了,但我觉得它不能把它解析为动画。带 animation-name: spinAnimation 的元素肯定没看到它。 <img width=“483” alt=“截图...

回答(4)

wunksert• 2022年12月16日

@artf太棒了!你知道什么时候会发布吗?

GJSBlock• 2026年5月17日

谢谢你举报,@wunksert。 关于解析@keyframes的文档方法不起作用,这个问题非常好。推荐的 StyleManager 方法是使用事件驱动的 API。 从这里开始: 查看你所在模块的[GrapesJS文档](https://grapesjs.com/docs/) 寻找“on()”事件监听器方法 大多数操作可以通过监听编辑器和组件事件来实现 常见模式: “JavaScript 留意变化 editor.on('change', () => console.log('something changed')); 组件生命周期 editor.on('component:mount', (c...

相关问答

通过相似的问题讨论继续研究。

与此问题匹配的付费插件

根据问题关键词和标签相关性精选,助你更快交付。

查看全部插件

正在加载付费插件推荐……

免费方案

在以下平台查看开源 GrapesJS 插件: GitHub 或在我们的免费目录中快速搜索。

浏览免费插件 →
高级方案

高级插件提供支持、定期更新和生产就绪的功能——为你节省数天的集成工作。

浏览高级插件 →

相关教程

关于同一主题的深入指南。

全部教程 →

浏览插件分类

直接跳转到市场上的插件分类页面。