How to move components

快速解答作者 artf❤ 3

可能有必要添加一个新的“component.move（desComponent， opts）”方法来应对这种情况，但目前你可以用以下方式实现： “''js const selected = editor.getSelected（）; select.remove（{ temporary： true }）;临时选项可以避免移除与组件相关的样式 editor.getWrapper（）.append（selected， { at： 0 }）; ```

阅读下方完整回答 ↓

问题

亲爱的，你好：

我想用程序方式把一个组件移动到封装器的首尾，我记得像editor.getWrapper（）.add（editor.selectedComponent（）， {at： 0}）;，但这是从selectComponent添加一个新的克隆，

也许在位置设置触发器“排序器：拖动：结束”？

你能帮我吗？

抱歉我的英语不好：'）

回答（2）

👍 最有帮助artf• 2020年12月31日

GJSBlock• 2026年5月17日

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

在 GitHub 上查看完整讨论 →