问题 #2544✓ 已解决提出于 2020年2月2日作者 gentritabazi3 个反应

能获得选定组件的CSS吗?

快速解答作者 longdoan74213

你可以监听事件 'component:selected',然后从中获取组件的 DOM 元素。之后,你可以用JavaScript来获取该部件的样式。关于通过JavaScript获取样式,你可以查看这个链接[如何在JavaScript中获取CSS值](https://zellwk.com/blog/css-values-in-js/) 这里有一个例子:

阅读下方完整回答 ↓

问题

你好,我怎样才能获得选定组件的CSS?

回答(3)

👍 最有帮助longdoan74212020年2月3日

你可以监听事件 'component:selected',然后从中获取组件的 DOM 元素。之后,你可以用JavaScript来获取该部件的样式。关于通过JavaScript获取样式,你可以查看这个链接[如何在JavaScript中获取CSS值](https://zellwk.com/blog/css-values-in-js/) 这里有一个例子:

artf2020年2月3日

你也可以通过执行“editor.getSelected()”获得当前选中的组件

alemenciones2020年3月9日

如何从组件中获得/setStyle() 的悬停状态?这有可能吗?

相关问答

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

问题 #6685

自定义组件样式在删除和重新添加后不会被应用

GrapesJS版本 [x] 我确认使用最新版本的GrapesJS 你用的是什么浏览器? Chrome v143.0.7499.193 可复制演示链接 https://codesandbox.io/p/sandbox/2l3887 描述一下那个虫子 如何复现这个漏洞? 打开页面...

4 个回答更新于 2026年2月18日

问题 #6152

通过自定义代码添加的CSS在移除自定义代码组件后依然存在

葡萄JS版本 [X] 我确认使用最新版本的GrapesJS 你用的是什么浏览器? 任何 可复制演示链接 https://grapesjs.com/demo 描述一下那个虫子 如何复现这个漏洞?添加带有HTML + CSS的自定义代码组件删除自定义代码组件。 预期的行为是什么?...

4 个回答更新于 2024年10月9日

问题 #5990

当你删除组件时,组件间的重复类也会被删除。

葡萄JS版本 [X] 我确认使用最新版本的GrapesJS 你用的是什么浏览器? Chrome 126.0.6478.127(Windows) 可复制演示链接 https://jsfiddle.net/t06s4oLb/8/ 描述一下那个虫子 如何复现这个漏洞?将第1节添加到画...

4 个回答更新于 2024年7月5日

问题 #4854

导出“default”,但“backbone”中找不到(模块没有导出功能)

葡萄JS版本 [X] 我确认使用最新版本的GrapesJS 你用的是什么浏览器? Firefox 109 可复制演示链接 没有 描述一下那个虫子 如何复现这个漏洞? 预期的行为是什么? 开发服务器启动。 目前的行为是什么? 我用的是node v16.18.1(MacOS),虽然...

4 个回答更新于 2024年3月11日

与此问题匹配的付费插件

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

查看全部插件

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

免费方案

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

浏览免费插件 →
高级方案

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

浏览高级插件 →

浏览插件分类

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