在移动端版本中，无法用样式面板设置背景：无
问题
葡萄JS版本
- 我确认使用最新版本的GrapesJS
你用的是什么浏览器？
Edge 最后版本
可复制演示链接
描述一下那个虫子
如何复现这个漏洞？
- 打开演示链接
- 点击页眉 ![图片]（https://github.com/GrapesJS/grapesjs/assets/2287371/c166b071-699d-4438-a3bf-0fb07607b45d）
- 切换视图为手机或平板。
- 尝试从头部移除背景。
预期的行为是什么？ 那个编辑器把 background：none 的头部设置成了 “''CSS @media（最大宽度：480像素）{ .header-banner{ 背景：无; } }
**目前的行为是什么？**
GrapesJS 继承自“桌面”版本，所以无法从移动端移除背景。
使用“背景”堆栈版本和“背景图像”单独版本时，都会发生这种情况。
### 行为准则
- [X] 我同意遵守本项目的行为准则
回答（4）
这不是bug，而是缺失的功能，我们需要用新的配置扩展栈类型，以实现“空”值。 我会尽量在下一个版本里加入。
de 属性 Background 中的清除图标会完全移除所选设备的属性，使其再次继承桌面设置中的值。 正确图层行中的清除图标会重置栈值，将所选设备的属性设为默认值，移除背景，且不会继承桌面设置。在同一个清除图标中再次点击，该图层会完全移除。 我不确定这是否完全是我想的，但想法是让它按原样工作，但加入一个额外的逻辑，当我移除最后一层时，如果存在新的属性（例如“emptyValue”），我会应用。 这是一种可能的属性类型 “''js emptyValue？： string |（） => PropValues; 我会用这个值更新样式目标属性 '{ background-image： unset，...
我已经为栈类型插入了一个解决方案。我打算创个人纪录，但我想先问你一件事。我现在补充的行为是： ![图片]（https://github.com/GrapesJS/grapesjs/assets/22385451/31b5aa67-1de4-4430-a439-e41d6b1cbb21）层行中的清除图标会重置堆栈值，将所选设备的属性设为默认值，移除背景，且不会继承桌面设置。在同一个清除图标中再次点击，该图层会完全移除。de 属性 背景中的 clear 图标会完全移除所选设备的属性，使其再次继承桌面设置中的值。 这就是我对我们葡萄版本的做法。如果你觉得这应该是标准行为，我可以之后做PR 你怎么看？
谢谢你举报，@ronaldohoch。 关于无法在手机版用样式面板设置背景：无任何的好问题。推荐的 StyleManager 方法是使用事件驱动的 API。 从这里开始： 查看你所在模块的[GrapesJS文档]（https://grapesjs.com/docs/） 寻找“on（）”事件监听器方法 大多数操作可以通过监听编辑器和组件事件来实现 常见模式： “JavaScript 留意变化 editor.on（'change'， （） => console.log（'something changed'））; 组件生命周期 editor.on（'component：mount'， （c） =...
相关问答
通过相似的问题讨论继续研究。
问题 #6152
通过自定义代码添加的CSS在移除自定义代码组件后依然存在
葡萄JS版本 [X] 我确认使用最新版本的GrapesJS 你用的是什么浏览器？ 任何 可复制演示链接 https://grapesjs.com/demo 描述一下那个虫子 如何复现这个漏洞？添加带有HTML + CSS的自定义代码组件删除自定义代码组件。 预期的行为是什么？...
问题 #6318
无法在Block media svg中使用透明填充
葡萄JS版本[X] 我确认使用最新版本的GrapesJS本期提交时为“[email protected]”你用的是什么浏览器？ Firefox 132，Chrome 131可复制演示链接 https://jsfiddle.net/x54f9v68/1/描述一下那个虫子 如何复现这个...
问题 #5810
不必要的画布风格
葡萄JS版本[X] 我确认使用最新版本的GrapesJS你用的是什么浏览器？ Arc 版本 1.35.0 / Chromium 引擎 123.0可复制演示链接 https://grapesjs.com/demo.html描述一下那个虫子 我的特殊情况： 就我而言，插件和通用样式...
问题 #5221
移动设备上的桌面版本
葡萄JS版本[X] 我确认使用最新版本的GrapesJS你用的是什么浏览器？ Safari 16.5可复制演示链接 https://grapesjs.com/demo.html https://staubgeborener.de/描述一下那个虫子 我试用的是官方的[演示]（ht...
与此问题匹配的付费插件
根据问题关键词和标签相关性精选，助你更快交付。
正在加载付费插件推荐……
相关教程
关于同一主题的深入指南。
教程
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 to Build a Production GrapesJS Editor: The Complete Walkthrough of Brief, Preset, Plugins, and Services
A complete walkthrough of building a production GrapesJS editor: how to choose a preset, pick plugins, and scope setup services without burning a sprint.
教程
Big Updates: TinyMCE 8 and Placeholder 2.0 for GrapesJS
In May we shipped major updates to two of our most popular GrapesJS plugins — TinyMCE Inline Text Editor and Placeholder.
浏览插件分类
直接跳转到市场上的插件分类页面。