Javascript中的临时样式标记字段

Question

我正在尝试用Scratch [http://scratch.mit.edu](http://scratch.mit.edu/)制作一个拖放编程界面的复制品，但是用的是javascript。我已经完成了构建块部分，但我特别感兴趣的是如何构建标记化的字段。

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

Scratch在字段中嵌套的令牌系统示例：http://i.stack.imgur.com/falmA.png

我正在使用jQuery和jQuery UI来处理可拖放对象和可拖放对象。关于如何创建这样的字段，有什么建议吗？

Answer 1

已经有了一种Javascript duplicate of Scratch, called Waterbear

看看他们的想法的实现。

Answer 2

问得好，而且水熊似乎没做什么，所以我想我应该把我的两欧分的价值...

把嵌套结构想象成一棵树--这就是它在内部被记录的方式。运算符(and、or、+等)有两个分支，即两个条目。函数调用的分支和它们的参数一样多，而一些分支，例如"sum“，其数量是不同的。

视觉上，每个对象(操作符等)需要显示正确的字段数量。递归算法遍历操作树进行显示，当丢弃时，可以使用相同的算法刷新显示。