如何获取组件最新的 CSS 属性?
我观察到,使用 setStyle() 时,CSS 会被内联添加,数据存储并加载后,css 会被定义为类。 首先,确保正确存储你的模板:[存储并加载模板](https://grapesjs.com/docs/modules/Storage.html#store-and-load-templates),在这种情况下,当你通过“component.setStyle(...)设置样式时,' 在下一页重新加载时,你应该可以通过 'component.getStyle(...) 获得那个样式。无需触碰'CodeManager'/'CssComposer' 如果你需要操作 CSS 规则,也可以考虑 ['setRule'](https://gra...
阅读下方完整回答 ↓问题
你好,葡萄干得真棒! 我已经看过文档(尤其是 CssComposer)和相关问题,但我还是卡住了。 一个自定义插件允许我使用 component.setStyle() 给组件添加 css。重新加载时,我需要插件用这些值初始化。 例如,我想读取一个组件的margin属性。我观察到使用 setStyle() 时,css 会被内联添加,数据存储并加载后,css 会被定义为类。 目前,我正在手动解析属性值,假设最后一个条目代表“活跃”条目。但这种做法完全不对!:) 我觉得用 CssComposer 可以实现不同的效果,但我还是卡住了。 谢谢你,尼科
回答(2)
我观察到,使用 setStyle() 时,CSS 会被内联添加,数据存储并加载后,css 会被定义为类。 首先,确保正确存储你的模板:[存储并加载模板](https://grapesjs.com/docs/modules/Storage.html#store-and-load-templates),在这种情况下,当你通过“component.setStyle(...)设置样式时,' 在下一页重新加载时,你应该可以通过 'component.getStyle(...) 获得那个样式。无需触碰'CodeManager'/'CssComposer' 如果你需要操作 CSS 规则,也可以考虑 ['s...
由于关闭后没有近期活动,该帖子已被自动锁定。请为相关漏洞开启新一期。
相关问答
通过相似的问题讨论继续研究。
问题 #1558
代码管理器集合代码
你好,@artf。有类似的东西吗? “编辑。CodeManager.setCode(component, 'css', {cssc: editor.Css作曲家}' 更新返回的选定块的CSS规则 “编辑。CodeManager.getCode(component, 'css',...
问题 #1638
如何阻止CSS重复
你好@artf 这是我的导出模板代码,我让它可以编辑 “''js define(function() { const juice = require('juice'); 返回(opt = {}) => { 让 editor = opt.editor; 让 codeViewer...
问题 #843
CssComposer - 移除未使用的类
你好@artf, 我用 grapesjs-preset-newsletter 导入一个 html,里面有 '' 标签里有一些 css 类<style>。 导入后,当我调用“editor.getCss()”时,之前添加的一些类现在缺失了。 我检查过那些CSS类在任何地方都没被使用...
问题 #710
让整个元素都能拖动,而不仅仅是手柄
我正在修改手柄,除了有手柄外,我还希望整个元素都能拖拽。看代码,我猜我只需要在select时给可拖拽的元素附加'tlb-move'命令。 上述代码在选择状态下,将选中的组件写入控制台。从这里开始,我认为需要添加一个用于拖拽的事件监听器,但我尝试用 '.on()' 附加监听器都失...
与此问题匹配的付费插件
根据问题关键词和标签相关性精选,助你更快交付。
正在加载付费插件推荐……
浏览插件分类
直接跳转到市场上的插件分类页面。