如何移除 CssCompoer 的风格规则?
遗憾的是,GrapesJS 没有内置函数,比如 'CssComposer.removeRule'。 不过,你可以通过像这样的变通方法做到这一点:通过使用 'CssComposer.getAll()' 获取所有规则,它会返回一个包含所有规则的骨干集合。我假设你有应该被移除的规则模型,你可以用Backbone Collection的方法“remove”来移除它。 “JavaScript const ruleModel = / 你想移除的规则模型 /; const allRules = 编辑器。CssComposer.getAll(); allRules.remove(ruleModel);
阅读下方完整回答 ↓问题
兄弟,我正在尝试移除一个样式规则,这是 CssComposer.setRule(“.selector”)的对立面?
非常感谢!
回答(2)
遗憾的是,GrapesJS 没有内置函数,比如 'CssComposer.removeRule'。 不过,你可以通过像这样的变通方法做到这一点:通过使用 'CssComposer.getAll()' 获取所有规则,它会返回一个包含所有规则的骨干集合。我假设你有应该被移除的规则模型,你可以用Backbone Collection的方法“remove”来移除它。 “JavaScript const ruleModel = / 你想移除的规则模型 /; const allRules = 编辑器。CssComposer.getAll(); allRules.remove(ruleModel);
@longdoan7421说得对,但在第二个方案中,我会直接使用 ['CssComposer.getRule'](https://grapesjs.com/docs/api/css_composer.html#getrule) “''js const willBeRemoveRules = 编辑者。CssComposer.getRule(willBeRemoveSelector);
相关问答
通过相似的问题讨论继续研究。
问题 #6365
样式管理器未能正确解释后裔选择器
GrapesJS 版本 [X] 我确认使用最新版本 GrapesJS 你用的是什么浏览器? Chrome 版本 131.0.6778.205 可复制演示链接 https://codesandbox.io/p/sandbox/naughty-microservice-5hp3h4...
问题 #3123
Add 'inline-flex' to display selector in Style Manager
你想给GrapesJS添加什么? 显示风格“内联弹性”。 描述: 目前,样式管理器的显示选择器只有“flex”作为选项,但与“block”和“inline-block”一样,有“inline-flex”是有用的。 当我尝试用这个(破解?)手动添加时: 我能得到结果,但有很多由“...
问题 #5154
TS2416:类型为“PropertyStack”中的属性“_up”不可分配给基类型“PropertyComposite”中的同一属性<PropertyStackProps>
GrapesJS版本 [X] 我确认使用最新版本GrapesJS 你用的是什么浏览器? ---- 可复制演示链接 https://codesandbox.io/p/sandbox/pensive-browser-mfhxp8 描述一下那个虫子 如何复现这个bug?创建Angul...
问题 #4411
XSS when add class name to Selector Manager
GrapesJS 版本 [X] 我确认使用最新版本 GrapesJS 你用的是什么浏览器? Chrome v102 可复制演示链接 https://jsfiddle.net/szLp8h4n 描述一下那个虫子 如何复现这个漏洞?选择任意组件像 <a href="#"onclic...
与此问题匹配的付费插件
根据问题关键词和标签相关性精选,助你更快交付。
正在加载付费插件推荐……
浏览插件分类
直接跳转到市场上的插件分类页面。