为组件掉落留出空间

Question

正如标题提到的（可能有点让人困惑），我很好奇如何创造一个组件会掉落的空间。这在我见过的拖拽/排序实现中非常常见。（例如：https://shopify.github.io/draggable/ 和jQuery可排序）

据我了解，drop placeholder（附带中的绿色条）是单独的“图层”，实际上存在画布之外。我想实现一个更好的drop placeholder，只是不确定从哪里开始实现。

我也有类似的请求，关于DRAG占位符，不过这次我说的是DROP占位符。

接下来的代码也没有回应我预期的......

editor.on（'sorter：drag：start'， （src， srcModel） => {
	console.log（'src： '， src）;
	console.log（'srcModel： '， srcModel）;
})

bogdansmadici · Accepted Answer

你好，@austinbiggs，有什么最新消息吗？ 谢谢！

artf · Answer

据我理解的drop placeholder（附带绿色条），它在一个独立的“图层”中，实际上存在于画布之外。我想实现一个更好的drop placeholder，只是不确定从哪里开始实现。

完全正确，这种做法背后的原因是性能更好（减少DOM操作），而且我认为更不复杂，所以我没有理由开始开发这个功能。如果你想自己开始，我觉得分拣器里的[onMove]（https://github.com/artf/grapesjs/blob/dev/src/utils/Sorter.js#L356）方法是个不错的起点

alimajed93 · Answer

你好@austinbiggs， 我很感兴趣你提到的功能，有什么最新进展吗？你开始了并成功完成了吗？ 谢谢。

问题