Javascript 在网格上拖放对象列表

我正在django上构建一个webapp，要求用户提供以下内容：

行数：x

列数：y

以交互方式让用户决定行和列标签

以及要拉入虚拟网格的对象列表

让我们以3列为例，4行带有标签，列i=1..x，行j=1..y，以及3个名为红黑灰的对象

有了这些，我想在自动构建的网格上进行拖放对象交互

从对象池中拉出块时，可以将其放置在栅格的框中，而无需将其从池中移除。对象是无限的。因此，基本上用户可以用红色填充所有东西，混合3种颜色，一些填充，一些空白，等等

屏幕截图示例可在此处找到：

你知道是否已经有这样的东西了吗？我查看了可拖动的库，但没有一个示例真正适合我的情况

希望你能帮忙

如果不清楚，我仍处于学习阶段。

您可以使用HTML5DnD 它有API来配置要拖动的项和要删除的项