样式管理器在使用包含“bout”和 componentFirst = true 的组合 CSS 选择器时不准确
问题
葡萄JS版本
- 我确认使用最新版本的GrapesJS
你用的是什么浏览器？
Chrome 100
可复制演示链接
https://jsfiddle.net/4fmd732c/3/
描述一下那个虫子
如何复现这个漏洞？
给定 a） “componentFirst”设置为“true” b） 一个元素有多个类 c） CSS 规则使用多个类别的组合选择器 d） 其中一类包含“bout”一词
然后： 样式管理器无法准确显示当前样式
导航到链接的JS Fiddle
- 在编辑器中选择 Div
- 在风格管理器中，展开“装饰”并注意背景颜色
预期的行为是什么？
- 样式管理器应表示背景为绿色
目前的行为是什么？ 风格管理器显示背景为白色
- 如果你把类名从“.bout”改为“.out”，则正常使用
- 如果你将 ComponentFirst 改为“false”，“.bout” 和 “.out” 都能正常工作
如果需要执行某些代码以重现该漏洞，请将其粘贴到下面： “''js 你的代码在这里
### 行为准则
- [X] 我同意遵守本项目的行为准则
回答（4）
@artf 太棒了！ 谢谢。 要用这些更新，我想我得先用你的改动在本地重建库，直到下一个版本发布。 我会试试这个方法。
抓得好，谢谢你的报告@barryross
@artf你预计下一次发布什么时候？
谢谢你举报，@barryross。 关于样式管理器在使用包含“bout”和componentFirst = true的组合CSS选择器时不准确的问题，非常好。推荐的 StyleManager 方法是使用事件驱动的 API。 从这里开始： 查看你所在模块的[GrapesJS文档]（https://grapesjs.com/docs/） 寻找“on（）”事件监听器方法 大多数操作可以通过监听编辑器和组件事件来实现 常见模式： “JavaScript 留意变化 editor.on（'change'， （） => console.log（'something changed'））; 组件生命周期 e...
相关问答
通过相似的问题讨论继续研究。
问题 #4341
在为 HTML 组件添加边界样式时，css json 只抓取边界选择器，却不抓取 border-width、border-style、border-colorBUG 的选择器：
葡萄JS版本 [X] 我确认使用最新版本的GrapesJS 你用的是什么浏览器？ Chrome v101.0.4951.54 可复制演示链接 https://jsfiddle.net/7sn5h91r/7/ 描述一下那个虫子 我的问题是样式、边界、属性、宽度、样式和颜色在 JS...
问题 #4752
带有指针事件的组件：'all'（除封装器外）或可编辑组件可以拖拽并下放到自己身上。
葡萄JS版本[X] 我确认使用最新版本的GrapesJS你用的是什么浏览器？ Chrome 107.0.5304.121（官方版本）（arm64）可复制演示链接 https://jsfiddle.net/artur_arseniev/aku70f5w描述一下那个虫子 如何复现这...
问题 #5990
当你删除组件时，组件间的重复类也会被删除。
葡萄JS版本 [X] 我确认使用最新版本的GrapesJS 你用的是什么浏览器？ Chrome 126.0.6478.127（Windows） 可复制演示链接 https://jsfiddle.net/t06s4oLb/8/ 描述一下那个虫子 如何复现这个漏洞？将第1节添加到画...
问题 #5460
从“pageManager”加载“组件”和“样式”
葡萄JS版本[X] 我确认使用最新版本的GrapesJS你用的是什么浏览器？ Chrome v117.0.5938.149可复制演示链接 https://jsfiddle.net/9oLrsvya/描述一下那个虫子 如何复现这个漏洞？请参见 jsfiddle 中的“pageMa...
与此问题匹配的付费插件
根据问题关键词和标签相关性精选，助你更快交付。
正在加载付费插件推荐……
浏览插件分类
直接跳转到市场上的插件分类页面。