:获取所有不含特定组件的CSS及其子组件
嗨@RJCAM! 我觉得没有内置的方法,但基于你提供的回答,你可以递归地连接所有组件的CSS,过滤掉选中的组件及其子组件,如下(假设示例中用的是“window.editor”,可能需要调整): “打字稿” function getAllExceptSelectedComponentsCss(includeWrapper = true) { const selectedComponent = editor.getSelected(); 退货包封吗? allExceptSelectedComponentsCssReducer('', editor.getWrapper()) : editor.getComponents().reduc...
阅读下方完整回答 ↓问题
你好,在本期 #2861 中,我们可以获取选定元素及其子节点的所有 css 如下:
const component = editor.getSelected();
设componentCss = 编辑器。CodeManager.getCode(component, 'css', {
CSSC:编辑。CSS作曲家
});
但如果我想获取所有 css 但没有特定组件且是子组件,或者正好相反 有没有办法做到这一点?
回答(3)
嗨@RJCAM! 我觉得没有内置的方法,但基于你提供的回答,你可以递归地连接所有组件的CSS,过滤掉选中的组件及其子组件,如下(假设示例中用的是“window.editor”,可能需要调整): “打字稿” function getAllExceptSelectedComponentsCss(includeWrapper = true) { const selectedComponent = editor.getSelected(); 退货包封吗? allExceptSelectedComponentsCssReducer('', editor.getWrapper()) : editor.g...
@RJCAM抱歉,我刚注意到我之前的回答不起作用,因为检索带有子组件的组件的CSS也包含了子组件的CSS(因此会产生重复样式,如果组件嵌套了也会包含该组件的样式)。我编辑了它来修正这个问题。
你好,@mcottret,感谢你的回复 我觉得你说得对,我会编辑你的代码,让它按我预期运行 非常感谢你的帮助,谢谢!
相关问答
通过相似的问题讨论继续研究。
问题 #1388
更新所选组件的样式
我正在尝试更新所选元素的CSS。 示例: 精选元素: '<div id=“inul” class='class1'>Hello</div>' 上述代码来自 component.toHTML(); CSS: .class1{ 背景色:黑色; } 上述CSS代码是从编辑器返回的。C...
问题 #1838
如何获取组件最新的 CSS 属性?
你好,葡萄干得真棒! 我已经看过文档(尤其是 CssComposer)和相关问题,但我还是卡住了。 一个自定义插件允许我使用 component.setStyle() 给组件添加 css。重新加载时,我需要插件用这些值初始化。 例如,我想读取一个组件的margin属性。我观察到...
问题 #1558
代码管理器集合代码
你好,@artf。有类似的东西吗? “编辑。CodeManager.setCode(component, 'css', {cssc: editor.Css作曲家}' 更新返回的选定块的CSS规则 “编辑。CodeManager.getCode(component, 'css',...
问题 #5346
删除组件而不删除其对应样式
葡萄JS版本 [X] 我确认使用最新版本的GrapesJS 你用的是什么浏览器? 最新版本的Chrome浏览器 可复制演示链接 https://grapesjs.com/demo.html 描述一下那个虫子 如何复现这个漏洞? <img width=“1665” alt=“im...
与此问题匹配的付费插件
根据问题关键词和标签相关性精选,助你更快交付。
正在加载付费插件推荐……
浏览插件分类
直接跳转到市场上的插件分类页面。