Javascript中的Scratch样式标记字段

我试图用Scratch制作一个拖放编程界面的复制品，但是用javascript。我已经完成了构建块部分，但我特别感兴趣的是如何构建标记化字段

Scratch有一些字段，您可以在其中输入数字或文本，以及表示变量或操作的标记，这些标记反过来可以接受自己的数字、文本或标记，并可以嵌套更多的变量和操作，等等

Scratch在字段中的嵌套令牌系统示例：

---

我将jQuery与jQuery UI一起用于可拖动和可拖放。关于如何创建这样一个领域，有什么建议吗？

已经有一种

---

看看他们的想法实施情况。

这个问题问得好，而且waterbear似乎没什么作用，所以我想我应该把我的两分钱放在

把嵌套结构想象成一棵树——这就是它的内部记录方式。运算符（and、or、+等）有两个分支，它们是两个条目。函数调用的分支数和它们的参数数一样多，有些分支数（例如“sum”）的数目是可变的

---

在视觉上，每个对象（操作符等）都需要显示正确数量的字段。递归算法遍历操作树进行显示，删除时，可以使用相同的算法刷新显示。

我们最终编写了自己的实现，但我确实从Waterbear中获得了很多灵感。如果我再做一遍，我会在画布上做，而不使用jQuery UI。