样式管理器的背景UI在Body/Wrapper上无法正常工作
问题
在我看来，样式管理器的背景控件在处理主体与其他组件时存在一个UI错误。这个问题在#2834的截图中@kuhelbeher可以看到，但我也会提供一些简单的复现步骤。也许这个问题和那个问题有关。前往 https://grapesjs.com/demo.html删除所有现有组件，直到只剩下Body/包装器选择“身体”并设置背景图像（注意这里背景UI的身体图像设置长什么样）打开方块，拖动导航栏到页面顶部在导航栏上设置背景图像，编辑器中应该能渲染此时再次选择主体/封装器，然后查看背景UI（看起来它知道已经设置了非默认设置，因为标签颜色变了，重置图标可见，但第1层没有显示）在编辑器中选择导航栏，并比较它在背景UI中显示的内容（第1层正确显示）Navbar 已选 ![图片]（https://user-images.githubusercontent.com/38794168/126793473-0b78852e-3ef0-4c70-9736-06f6462da8ad.png）身体选择 ![图片]（https://user-images.githubusercontent.com/38794168/126793512-05753b0b-24ec-41e4-8826-3040059e0499.png） 版本： 0.17.19 你能重现演示中的bug吗？[X] 是的[ ] 不
回答（2）
谢谢你，Jim，是的，问题确实一样，所以我把这个作为#2834的重复关闭 修复后我会在那里更新。
谢谢你举报，@jlpatrick。 样式管理器后台UI在Body/Wrapper上无法正常工作的问题似乎是竞赛条件或状态管理时序问题。这通常发生在组件生命周期事件和DOM修改重叠时，导致状态不一致。 尝试什么： 添加setTimeout包装器以确保DOM已稳定： “JavaScript setTimeout（（） => { 你在这里的行动 }, 0); 推荐的下一步步骤： 如果还没测试过，请用最新的GrapesJS版本测试 提供最小可重复的示例（CodeSandbox）——这有助于团队更快识别根本原因 在报告中包含 GrapesJS 版本、浏览器和控制台错误
相关问答
通过相似的问题讨论继续研究。
问题 #3131
将纯文本粘贴到文本组件中，会为粘贴的文本添加 <font /> 封装器
版本： 0.16.27 你能重现演示中的bug吗？ [] 是的 [X] 不 预期的行为是什么？ 将粘贴文本为纯文本（文本节点），不像Grapes JS在</>元素中进行打包。 目前的行为是什么？ 当我把纯文本粘贴到空文本元素时，编辑器会用<font />元素包裹它。 在粘贴文本...
问题 #3137
当我选择某个特定元素时，我没有看到它的样式。这个问题只发生在某些元素上。
未获得所选元素的样式 这是我的代码， const model = 编辑器。StyleManager.getModelToStyle（component）; let styleObject = model.getStyle（）; console.log（“样式”，styleObj...
问题 #6152
通过自定义代码添加的CSS在移除自定义代码组件后依然存在
葡萄JS版本 [X] 我确认使用最新版本的GrapesJS 你用的是什么浏览器？ 任何 可复制演示链接 https://grapesjs.com/demo 描述一下那个虫子 如何复现这个漏洞？添加带有HTML + CSS的自定义代码组件删除自定义代码组件。 预期的行为是什么？...
问题 #3948
每次页面重新加载后，“我的选项”（在特质中）都会被重置
葡萄JS版本 [X] 我确认使用最新版本的GrapesJS 你用的是什么浏览器？ 铬 可复制演示链接 不是在那里 描述一下那个虫子 如何复现这个漏洞？安装Grapes js并实现select组件代码将选择组件拖入编辑器点击选择组件并输入特征重新加载页面。 预期的行为是什么？输入...
与此问题匹配的付费插件
根据问题关键词和标签相关性精选，助你更快交付。
正在加载付费插件推荐……
浏览插件分类
直接跳转到市场上的插件分类页面。