更新所选组件的样式
好的,如果你选择这样的元素: '<div id=“inul” class='class1'>Hello</div>' 你有以下选择:使用 'editor.getSelected().setStyle({ color: 'red' })' 只更改所选组件样式,因此你会得到: “''CSS #inul { 颜色:红色; }
阅读下方完整回答 ↓问题
我正在尝试更新所选元素的CSS。 示例: 精选元素: '<div id=“inul” class='class1'>Hello</div>' 上述代码来自 component.toHTML(); CSS: .class1{ 背景色:黑色; } 上述CSS代码是从编辑器返回的。CodeManager.getCode(component, 'css', {cssc: editor.CssComposer}); 我用了textarea(比如)编辑CSS代码,点击保存按钮后运行下面的代码 'editor.getSelected().em.set('style', content);' 结果并非应有的效果,它会带来 #inul { 0: .; 1:w; 2:o; 3:o; 4:m; 5:d; 6:a; 7: 1; 8: 9; 9: 4; 10: 5; 11: { ; 12: ; 13: ; 14: ; 15: ; 16: ; 17:b; 18:a; 19:c; 20:k; 21:g; 22:r; 23:o; 24: u; 25:n; 26:d; 27: -; 28:c; 29:o; 30:l; 31:o; 32:r; 33: :; 34: ; 35:b; 36:l; 37:a; 38:c; 39:k; 40: ; ; 41: ; 42: } ; }
回答(3)
好的,如果你选择这样的元素: '<div id=“inul” class='class1'>Hello</div>' 你有以下选择:使用 'editor.getSelected().setStyle({ color: 'red' })' 只更改所选组件样式,因此你会得到: “''CSS #inul { 颜色:红色; }
@froderf 当你做 '.setStyle(content);' 时,'content' 应该是像 '{ color: 'red' }'' 这样的对象,而不是带有选择器的字符串
我这里需要的是类似的东西 “编辑。CodeManager.setCode(component, 'css', {cssc: editor.CssComposer});'
该系统会更新所选组件的样式
相关问答
通过相似的问题讨论继续研究。
问题 #2922
:获取所有不含特定组件的CSS及其子组件
你好,在本期 #2861 中,我们可以获取选定元素及其子节点的所有 css 如下: 但如果我想获取所有 css 但没有特定组件且是子组件,或者正好相反 有没有办法做到这一点?
问题 #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...
与此问题匹配的付费插件
根据问题关键词和标签相关性精选,助你更快交付。
正在加载付费插件推荐……
浏览插件分类
直接跳转到市场上的插件分类页面。