如何为Web应用程序创建自定义拖放Web组件

Question

我正在努力为我的网络应用做一些R＆amp; D工作。

在上图中，我描述了我的要求。假设我有一些自定义Web组件，如组件1，组件2等在左侧。用户应该能够将组件拖放到播放区域中，并且应该生成预定义的某个属于该组件的xml或文本片段，并且该生成的值应该存储在变量中以供以后使用。目前我正在使用Angular，JS和HTML语言来实现我的要求。我知道我可以使用HTML5拖放功能。但是，如何生成一些属于拖动项目的代码段或文本？