问题 #1388✓ 已解决提出于 2018年8月27日作者 froderf3 个反应

更新所选组件的样式

快速解答作者 artf2

好的,如果你选择这样的元素: '<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)

👍 最有帮助artf2018年9月2日

好的,如果你选择这样的元素: '<div id=“inul” class='class1'>Hello</div>' 你有以下选择:使用 'editor.getSelected().setStyle({ color: 'red' })' 只更改所选组件样式,因此你会得到: “''CSS #inul { 颜色:红色; }

artf2018年9月5日

@froderf 当你做 '.setStyle(content);' 时,'content' 应该是像 '{ color: 'red' }'' 这样的对象,而不是带有选择器的字符串

froderf2018年8月29日

我这里需要的是类似的东西 “编辑。CodeManager.setCode(component, 'css', {cssc: editor.CssComposer});'

该系统会更新所选组件的样式

相关问答

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

与此问题匹配的付费插件

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

查看全部插件

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

免费方案

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

浏览免费插件 →
高级方案

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

浏览高级插件 →

浏览插件分类

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