:背景图片未从styles属性中获取
我为元素定义的风格在样式管理器里无法访问。当我在画布里点击那个框时,我本以为会看到样式管理器里所有样式,而不是Grapes添加的类别样式。 你说背景不显示是因为它用的是“.fluid-container.c318”,但给style属性加“color: Pink”会显示排版部分的颜色。这有点不一致。它只接收到“color”属性,但没有“背景图像”属性。
阅读下方完整回答 ↓问题
因为标题+背景图片在样式管理器添加背景图层时会被移除。
- 入门:https://jsfiddle.net/5upe6myo/
- 注意背景图像
- 点击文本之间。应该显示为“盒子”。
- 在“风格>装饰”中,背景图像未显示。
- 点击背景旁边的“+”即可移除背景图像。
回答(3)
我为元素定义的风格在样式管理器里无法访问。当我在画布里点击那个框时,我本以为会看到样式管理器里所有样式,而不是Grapes添加的类别样式。
你说背景不显示是因为它用的是“.fluid-container.c318”,但给style属性加“color: Pink”会显示排版部分的颜色。这有点不一致。它只接收到“color”属性,但没有“背景图像”属性。
实际上,风格管理器就是这样处理类的。当你选择“Box”时,你会看到你选了“.fluid-container.c318”选择器,这个选项没有背景,但当你取消勾选“fluid-container”类时,当前选择器会是“c318”,而且bg现在显示出来了。 我们可能需要更好地强调风格的传承
这听起来有点奇怪。Grapes加上'c318'类后,我的风格就无法实现了。我预计提供的HTML和样式是可编辑的。
相关问答
通过相似的问题讨论继续研究。
问题 #5743
Iframe 属性 src 中的 XSS 漏洞
葡萄JS版本 [X] 我确认使用最新版本的GrapesJS 你用的是什么浏览器? Edge v122 可复制演示链接 https://jsfiddle.net/bwreyq29/1/ 描述一下那个虫子 如何复现这个漏洞? 打开此链接 [https://jsfiddle.net/...
问题 #5334
在画布中选择自定义组件类型无法正常工作
葡萄JS版本 [X] 我确认使用最新版本的GrapesJS 你用的是什么浏览器? Chrome、Opera、Edge 等 可复制演示链接 https://jsfiddle.net/crszh0jo/6/ 描述一下那个虫子 我正在尝试让它像这里描述的那样工作[[问题] Canva...
问题 #5199
组件属性的变化会在所有实例中重现,而不仅仅是一个实例
葡萄JS版本 [X] 我确认使用最新版本的GrapesJS 你用的是什么浏览器? Chrome v114 可复制演示链接 https://jsfiddle.net/rmadeiraneto/t659usxv/39/ 描述一下那个虫子 如何复现这个漏洞?进入块列表,将自定义组件“...
问题 #3700
设置可拖拽:'wrapper' 不会在 wrapper 中丢弃
警告 请阅读并遵循接下来的三步,然后在发布问题前删除它们遵守贡献指南 https://github.com/artf/grapesjs/blob/master/CONTRIBUTING.md先快速搜索一下,看看有没有人没开同样的问题所有相关陈述/问题都必须填写/回答,否则问题可...
与此问题匹配的付费插件
根据问题关键词和标签相关性精选,助你更快交付。
正在加载付费插件推荐……
相关教程
关于同一主题的深入指南。
教程
Super Tooltip for GrapesJS — Version 0.1.5 Released 🎉
We’re excited to announce the v 0.1.5 update of Super Tooltip, our floating‑menu and tooltip plugin for GrapesJS
教程
GrapesJS in 2026: The Complete Guide to the Open-Source Web Builder Framework
Master GrapesJS in 2026. Architecture, code examples, React integration, plugin development, Studio SDK, and how it compares to other projects
浏览插件分类
直接跳转到市场上的插件分类页面。