从多级CSS选择器获取所有相关的CSS规则
这是我在Grapedrop里用来获取组件所有CSS的命令 “''js 从“lodash/each”导入; 导出默认值(config = {}) => ({ run(editor, snd, opts = {}) { const component = opts.target ||editor.getWrapper(); const cssc = 编辑器。Css作曲家; const rules = cssc.getAll(); 令结果 = ''; const { atRules, notAtRules } = this.splitRules(this.matchedRules(组件,规则)); notAtRules.forEach(...
阅读下方完整回答 ↓问题
你好@artf 希望你一切安好。这几天我一直在纠结这个问题,我一直在寻找其他问题是否也遇到过同样的情况,但遗憾的是,我找不到能解决我问题的解决方案,所以我决定提交一个问题工单。希望我能说得通。 我有一个“保存方块/组件”功能,需要抓取所选组件的HTML和CSS。我可以轻松获取选中的组件及其子元素的 HTML。通过执行'const blockHTML = block.toHTML();',效果很好。不过,我的问题在于 CSS 元素的规则,从父元素传递到子元素。 1)我的第一次尝试是遍历所选组件的每个子组件,这样我就能用“getStyle()”函数提取子组件的CSS,但遗憾的是,它返回了一个空的对象。请参考下面的截图,了解实现此功能的代码块。  这是浏览器中第一项的日志。  看起来它能和...
回答(2)
这是我在Grapedrop里用来获取组件所有CSS的命令 “''js 从“lodash/each”导入; 导出默认值(config = {}) => ({ run(editor, snd, opts = {}) { const component = opts.target ||editor.getWrapper(); const cssc = 编辑器。Css作曲家; const rules = cssc.getAll(); 令结果 = ''; const { atRules, notAtRules } = this.splitRules(this.matchedRules(组件,规则));...
你好@artf
非常感谢你的回复!我会试试这个方法,如果遇到问题会告诉你。我真的很感激。
相关问答
通过相似的问题讨论继续研究。
问题 #1513
在媒体查询下编写的重复CSS
嘿@artf项目做得很棒! 我注意到了一些东西,并且能在本地机器上复现。任何在“媒体查询”下写的“CSS”都会被重复/应用两次。 Grapesjs 版本 - '0.14.33' 浏览器 - “版本 69.0.3497.100(官方构建)(64位)” 操作系统 - “Window...
问题 #3483
非常非常感谢之前的帮助。我还在开发领域比较新手。请帮我下面说
你好,@artf, 非常非常感谢之前的帮助。我还在开发领域比较新手。请帮我下面说 我需要一个模式,可以获取用户输入,比如块名、分类、HTML、CSS、JS,然后点击保存,把这些存储为新的块管理器。比如如何传递这些数据并存储为 dragabe 组件 我设置了调用模态和设置标题也包...
问题 #3130
标准方法:对HTML工具栏和徽章进行轻微重构
版本: '0.15.10' 这个问题旨在验证是否有合适的方法通过自定义插件扩展当前 https://github.com/artf/grapesjs/blob/master/src/canvas/view/CanvasView.js。我们特别回顾了该文件中的“render()”...
问题 #1577
内联CSS注释导致代码管理器失效
显然,这段HTML和CSS是有效的: '<div style=“color: red; / height 200px; /; font-weight: blan;”>' (因此才有注释的height属性) Grapesjs 在处理此类属性时遇到困难,因为模型上的 style 属...
与此问题匹配的付费插件
根据问题关键词和标签相关性精选,助你更快交付。
正在加载付费插件推荐……
浏览插件分类
直接跳转到市场上的插件分类页面。