将 rgb/rgba 颜色值转换为十六进制代码
由于StyleManager可以针对组件和CSS规则，你必须先弄清楚被选中了什么 “''js editor.on（'component：styleUpdate：color'， component => { const sm = 编辑。风格经理; const model = sm.getModelToStyle（component）; 模型可以是组件或 CssRule console.log（model.getStyle（）['color']） }) ```
阅读下方完整回答 ↓问题
大家好，
我遵循的步骤：
- 拖动文本块。
- 设置字体颜色。（采用RGB/RGBA格式）
我所期待的： 样式需要像六角代码一样更新。（像，#f0f0f0）
我尝试用 'editor.on（'component：styleUpdate：color'， function （model） {' 来获取特定的颜色更新。但我得不到解决方案。请指导我如何实现预期的解决方案。
提前感谢， 普拉巴。
回答（3）
由于StyleManager可以针对组件和CSS规则，你必须先弄清楚被选中了什么 “''js editor.on（'component：styleUpdate：color'， component => { const sm = 编辑。风格经理; const model = sm.getModelToStyle（component）; 模型可以是组件或 CssRule console.log（model.getStyle（）['color']） })
@prabha-912
editor.on（'component：styleUpdate：color'， function （model） {
console.log（model.getStyle（）['color']）
})
干杯！
更新颜色时，我会返回未定义的状态@pouyamiralayi
相关问答
通过相似的问题讨论继续研究。
问题 #1708
StyleManager 事件每次变更都会多次触发
复制： 在全新安装的GrapesJS中，在演示页面（index.html内）添加一个事件监听器，如下： 'editor.on（'component：styleUpdate：width'， （model） => { console.log（模型）; });问题： 当更改任何元素的...
问题 #1904
找零财产浮动
我正在尝试通过事件监听“float”属性的变化，判断它是在Style Manager中被移到了“左”、“右”还是“无”，但我的代码似乎没有给出想要的结果。 它给出的是“style update null”作为输出。理想的输出是float：right、float：left或flo...
问题 #2536
背景图内嵌
你好， 看了文档，我找不到任何地方解释我想要做什么。 目前，Grapes 抓取背景图像并放入样式中，但我想把这张图片不添加到背景样式中，而是想把它放到被选中的元素上的数据元素中。 我一直在关注： editor.on（'component：styleUpdate'， functi...
问题 #510
程序化添加新职业
你好，Artf， 我想编辑组件的样式（主要是导入的 html），但不修改同类的所有组件。我尝试用程序方式添加一个随机命名的类，比如这样： this.editor.on（'component：selected'， function（model） { 如果 （model & & m...
与此问题匹配的付费插件
根据问题关键词和标签相关性精选，助你更快交付。
正在加载付费插件推荐……
浏览插件分类
直接跳转到市场上的插件分类页面。