BUG / 功能？给身体组件应用背景色不属于导出的 HTML 内容。
@mhowey我也见过类似情况，但我一直以为正体只是内容的占位画布。对正体的更改不会导出，因为正体中放入的内容是唯一被导出的内容。在我的应用中使用中，主体颜色的变化只是用来直观地展示如果网站有背景色，放置内容时会是什么样子。
阅读下方完整回答 ↓问题
嗨，Art，感谢你创作了这么棒的项目！
我不确定这算不算是bug还是功能请求......但我在使用 GrapesJS 的 通讯插件时，很难决定如何给琴身贴上背景色。
繁殖步骤：
- 在画布中选择主体（根元素）。
- 在风格调色板中的“装饰”>>“背景”中——选择一种颜色填充身体
- 点击导出HTML，只提供子元素，因此使用输出HTML时，没有包装器来应用背景色。
如果有我没想到的正确处理方法，我也不确定。我在考虑手动把HTML包裹在表或div里，应用颜色之类的东西？？
提前感谢大家的帮助。
![图片]（https://user-images.githubusercontent.com/148117/95581050-51007c80-0a06-11eb-8084-75ddddba7301.png）
回答（3）
@mhowey我也见过类似情况，但我一直以为正体只是内容的占位画布。对正体的更改不会导出，因为正体中放入的内容是唯一被导出的内容。在我的应用中使用中，主体颜色的变化只是用来直观地展示如果网站有背景色，放置内容时会是什么样子。
你可以用这个选项 “''js Grapesjs.init（{ exportWrapper： true， })
谢谢你的回复@JoshLucio。我用的是新闻通讯预设插件，我觉得它更适合HTML邮件，而不是网站建设。我其实也在想你说的那种情况，我也研究过Grapes提供的所有getWrapper和getWrapperEl方法，但它们似乎没有任何样式。
@artf——唯一的办法是手动包裹导出的 html 吗？谢谢！
> @mhowey 我也见过类似情况，但我一直以为正体只是内容的占位画布。对正体的更改不会导出，因为正体中放入的内容是唯一被导出的内容。在我的应用中使用中，主体颜色的变化只是用来直观地展示如果网站有背景 color.
相关问答
通过相似的问题讨论继续研究。
问题 #4921
[X] 我确认使用最新版本的GrapesJS
葡萄JS版本 [X] 我确认使用最新版本的GrapesJS 你用的是什么浏览器？ Chrome 版本 110.0.5481.78（官方构建）（64 位） 可复制演示链接 https://grapesjs.com/demo.html 描述一下那个虫子 如何复现这个漏洞？安装带有n...
问题 #2207
：如果在顶部/左侧有空位，Mode Absolute 无法拖动组件
给定以下代码示例...... “'' HTML <div style=“height： 100px;”> 顶部或左侧有空隙 </div> <div id=“gjs”> <p style=“填充：25px”> 赫斯德洛世界!!</p> </div> 导致无法通过面板上的拖曳图标拖...
问题 #4732
HTML 导入后 Tabs behaviour
葡萄JS版本 [X] 我确认使用最新版本的GrapesJS 你用的是什么浏览器？ Chrome 107（MacOS） 可复制演示链接 https://grapesjs.com/demo.html 描述一下那个虫子 如何复现这个漏洞？将标签块拖放到编辑器内容中点击顶部的“导入”按...
问题 #4257
背景修改对非图像无效
葡萄JS版本 [X] 我确认使用最新版本的GrapesJS 你用的是什么浏览器？ Chrome v100 可复制演示链接 https://grapesjs.com/demo.html 描述一下那个虫子 如何复现这个漏洞？点击任意组件，在样式管理器中滚动到装饰>背景尝试制作一个带...
与此问题匹配的付费插件
根据问题关键词和标签相关性精选，助你更快交付。
正在加载付费插件推荐……
相关教程
关于同一主题的深入指南。
教程
Vanilla GrapesJS vs GrapesJS With Plugins: What You Actually Get Out of the Box (2026)
New to GrapesJS? See exactly what the stock editor gives you, where it falls short, and which plugins close the gaps — a beginner-friendly 2026 comparison
教程
GrapesJS DevTools: A Developer Panel Inside Your Editor
If you've ever debugged GrapesJS with console.log(editor.getSelected()) and a dozen throwaway event listeners — this post is for you.
教程
How We Built Composeit in Record Time Using GrapesJS Shadcn
Bypass foundational builder boilerplate and focus on what truly matters.
浏览插件分类
直接跳转到市场上的插件分类页面。