CSS 解析器的 shape 不允许 CSS 属性被定义超过一次。
问题
葡萄JS版本[X] 我确认使用最新版本的GrapesJS你用的是什么浏览器? 任何可复制演示链接 https://grapesjs.com/demo.html描述一下那个虫子 这个漏洞和“ParserCss.js”有关。 https://github.com/artf/grapesjs/blob/dev/src/parser/model/ParserCss.js#L7-L8 解析器期望结果存储在包含select字符串和样式哈希对象(以及其他媒体查询参数)的哈希对象数组中。示例结果: “''js [ { 选择:“div, a, .a.b.c”,//带有逗号分隔符的某个选择器。 风格:{ 背景图片:URL(img/gradient.png); } } ] Div, A, A.B.C { 背景图片:URL(img/gradient.png); 背景-图像:-webkit-线性渐变(到底部,#dddddd,#aaaaaa); 背景图像:-moz-线性渐变(到底部、#dddddd、#aaaaaa); 背景图像:线性渐变(到底部、#dddddd、#aaaaaa); } 导出为HTML 预期行为: 所有CSS样式都应该以正确的顺序在HTML中出现 当前行为: 只有一个“背景图像”会被导出。 https://user-images.githubusercontent.com/5863227/17...
回答(2)
是的,目前我们不支持这类情况,但我觉得处理这些情况可能会更好。
谢谢你举报,@Singwai。 CSS 解析器形状的问题不允许 CSS 属性被定义超过一次。 似乎是一个竞态条件或状态管理时序问题。这通常发生在组件生命周期事件和DOM修改重叠时,导致状态不一致。 尝试什么: 添加setTimeout包装器以确保DOM已稳定: “JavaScript setTimeout(() => { 你在这里的行动 }, 0); 推荐的下一步步骤: 如果还没测试过,请用最新的GrapesJS版本测试 提供最小可重复的示例(CodeSandbox)——这有助于团队更快识别根本原因 在报告中包含 GrapesJS 版本、浏览器和控制台错误
相关问答
通过相似的问题讨论继续研究。
问题 #4765
官方的解析@keyframes方法并不起作用
葡萄JS版本[X] 我确认使用最新版本的GrapesJS你用的是什么浏览器? Chrome v107描述一下那个虫子 如何复现这个漏洞?按照[这里](https://grapesjs.com/docs/guides/Custom-CSS-parser.html#rule-obj...
问题 #4512
本页几乎所有示例都用葡萄失败
葡萄JS版本 [X] 我确认使用最新版本的GrapesJS 你用的是什么浏览器? 版本 103.0.5060.134(官方构建)基于 Ubuntu,运行于 Ubuntu 18.04(64 位) 可复制演示链接 https://alvarotrigo.com/blog/html-...
问题 #5525
在单个组件中添加超过 20 个类时,性能问题
葡萄JS版本 [X] 我确认使用最新版本的GrapesJS 你用的是什么浏览器? Edge v119.0.2151.72 可复制演示链接 https://grapesjs.com/demo.html 描述一下那个虫子 你好,感谢你创建了一个了不起的项目。我想报告使用Grapes...
问题 #4059
选择器转义函数不支持 TailwindCSS 类
葡萄JS版本[X] 我确认使用最新版本的GrapesJS你用的是什么浏览器? Chrome v97描述一下那个虫子 在第 https://github.com/artf/grapesjs/blob/dev/src/selector_manager/model/Selector....
与此问题匹配的付费插件
根据问题关键词和标签相关性精选,助你更快交付。
正在加载付费插件推荐……
浏览插件分类
直接跳转到市场上的插件分类页面。