如何移除 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
样式管理器未能正确解释后裔选择器
葡萄JS版本 [X] 我确认使用最新版本的GrapesJS 你用的是什么浏览器? Chrome 版本 131.0.6778.205 可复制演示链接 https://codesandbox.io/p/sandbox/naughty-microservice-5hp3h4 描述一下...
问题 #4411
XSS在选择器管理器中添加类名时
葡萄JS版本 [X] 我确认使用最新版本的GrapesJS 你用的是什么浏览器? Chrome v102 可复制演示链接 https://jsfiddle.net/szLp8h4n 描述一下那个虫子 如何复现这个漏洞?选择任意组件在选择器管理器中添加类名,比如“<a href=...
问题 #3448
向组件应用自定义类似乎没有效果
当某些条件未满足时,我会在组件上添加一个类,比如没有 href 集。我查看了源代码,看到了“nolink”类,但它没有把背景色设置为红色,检查元素时也看不到它,这就是我尝试添加它的方式,但当我用cc.getAll()时,我看不到nolink类,所以我不确定问题出在哪里 'var...
问题 #2331
CSS 规则被 cssComposer.setRule(...) 覆盖。
我的网站有一个自定义侧边栏,可以设置全站颜色、字体族、字体大小等。当我更改一种样式(比如文本颜色)时,我会丢失之前由自定义侧边栏设置的其他样式(比如字体族、字体大小)。 为了改变这些风格,我正在做: cssComposer.setRule(“p”, { “font-family...
与此问题匹配的付费插件
根据问题关键词和标签相关性精选,助你更快交付。
正在加载付费插件推荐……
浏览插件分类
直接跳转到市场上的插件分类页面。