问题 #4455💬 已回答提出于 2022年7月18日作者 mickeyDominic0 个反应

'panel-devices' and 'panel-switcher' conflicting

快速解答作者 artf

@mickeyDominic你把所有默认面板放在同一个物体下面 “''js 面板：{ 默认值：[{ id：“层次”， EL：“.panelright”， // ... 编号：“面板调车员”， EL：“.panelswitcher” }] }

阅读下方完整回答 ↓

问题

GrapesJS版本 [X] 我确认使用最新版本GrapesJS 你用的是什么浏览器？ Chrome 版本 103.0.5060.114 可复制演示链接 https://codepen.io/Dominic_M/pen/eYMgqyw 描述一下那个虫子如何复现这个漏洞？关注GrapesJS“入门指南”>> https://grapesjs.com/docs/getting-started.html继续教程直到“响应式模板（https://grapesjs.com/docs/getting-started.html#responsive-templates）”，你会发现添加移动端和桌面视图切换的面板后，一个面板会取代另一个。预期的行为是什么？ “面板设备”和“面板切换器”应并排出现，且无故障目前的行为是什么？ “面板设备”和“面板-切换器”不应并排出现，没有故障如果需要执行某些代码以重现该漏洞，请将其粘贴到下面：这正是预期的 ![预期GJS]（https://user-images.githubusercontent.com/60381147/179505665-95e222a1-25a8-4e91-9b63-e6bb861f7f42.PNG）这就是目前的结果 ![结果：GJS]（https://user-images.githubusercontent.com/603...

回答（3）

artf• 2022年7月19日

mickeyDominic• 2022年7月21日

谢谢你@artf。

真是太傻了:)

GJSBlock• 2026年5月17日

谢谢你举报，@mickeyDominic。关于'面板设备'和'面板-切换器'冲突的好问题。ProseMirror 推荐的方法是使用事件驱动的 API。从这里开始：查看你所在模块的[GrapesJS文档]（https://grapesjs.com/docs/）寻找“on（）”事件监听器方法大多数操作可以通过监听编辑器和组件事件来实现常见模式： “JavaScript 留意变化 editor.on（'change'，（） => console.log（'something changed'））; 组件生命周期 editor.on（'component：mount'，（c） =>...

在 GitHub 上查看完整讨论 →