问题 #2922💬 已回答提出于 2020年7月27日作者 RJCAM2 个反应

:获取所有不含特定组件的CSS及其子组件

快速解答作者 mcottret1

嗨@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)

mcottret2020年7月28日

嗨@RJCAM! 我觉得没有内置的方法,但基于你提供的回答,你可以递归地连接所有组件的CSS,过滤掉选中的组件及其子组件,如下(假设示例中用的是“window.editor”,可能需要调整): “打字稿” function getAllExceptSelectedComponentsCss(includeWrapper = true) { const selectedComponent = editor.getSelected(); 退货包封吗? allExceptSelectedComponentsCssReducer('', editor.getWrapper()) : editor.g...

mcottret2020年7月28日

@RJCAM抱歉,我刚注意到我之前的回答不起作用,因为检索带有子组件的组件的CSS也包含了子组件的CSS(因此会产生重复样式,如果组件嵌套了也会包含该组件的样式)。我编辑了它来修正这个问题。

RJCAM2020年7月28日

你好,@mcottret,感谢你的回复 我觉得你说得对,我会编辑你的代码,让它按我预期运行 非常感谢你的帮助,谢谢!

相关问答

通过相似的问题讨论继续研究。

与此问题匹配的付费插件

根据问题关键词和标签相关性精选,助你更快交付。

查看全部插件

正在加载付费插件推荐……

免费方案

在以下平台查看开源 GrapesJS 插件: GitHub 或在我们的免费目录中快速搜索。

浏览免费插件 →
高级方案

高级插件提供支持、定期更新和生产就绪的功能——为你节省数天的集成工作。

浏览高级插件 →

浏览插件分类

直接跳转到市场上的插件分类页面。