DRAG AND DROP COMPONENTS:

快速解答作者 bgrand-ch

你好，对于未来的问题或技术问题（非漏洞），GitHub的[讨论]（https://github.com/artf/grapesjs/discussions）标签是最佳选择。如果问题已解决，请关闭，或在[讨论]（https://github.com/artf/grapesjs/discussions）->[问答]（https://github.com/artf/grapesjs/discussions/categories/q-a）类别写一条详细的新消息（并关闭本期）。感谢你的理解。

阅读下方完整回答 ↓

问题

你好，我遇到了以下问题：我需要一个事件类型编辑器（“sorter： drag： end”），在所有这些情况下都会被投掷：（检测我投放的元素和位置） 1- 当你从blockManager拖放一个元素并放到画布上时，让它听到。 2- 当你把已经组件化的元素从画布拖到画布的另一个区域时，让它听到声音。 3- 当我在 layerManager 中移动元素时会听到这个声音。

用排序器我解决了情况2,1没有出现，因为元素还没有被分成，所以在尝试添加属性时，在被分成之前，它作为标准元素被添加到html画布中，忽略了我手动添加的属性。

你能帮我吗？谢谢

回答（2）

bgrand-ch• 2021年5月11日

你好，

对于未来的问题或技术问题（非漏洞），GitHub的[讨论]（https://github.com/artf/grapesjs/discussions）标签是最佳选择。

如果问题已解决，请关闭，或在[讨论]（https://github.com/artf/grapesjs/discussions）->[问答]（https://github.com/artf/grapesjs/discussions/categories/q-a）类别写一条详细的新消息（并关闭本期）。

感谢你的理解。

GJSBlock• 2026年5月17日

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

在 GitHub 上查看完整讨论 →