如何将动画片段放在textarea上以使其看起来像是文本的一部分？

Question

看看this demo，他们如何完成内联更改功能？对我来说，看起来他们正在将一个电影剪辑放在textarea上。

我无法弄清楚他们是如何将影片剪辑固定在正确位置的。如果在动画片段之前键入内容，它会随文本一起移动位置，当文本词包装时，动画片段甚至会移动到下一行。有没有人有想法？

Answer 1

我认为他们正在做的是跟踪精灵所代表的索引。然后他们有一个很好的功能，根据文本框和字体的大小将精灵移动到正确的位置。在此之后您需要做的就是将定位功能绑定到对文本框所做的更改，并且您已经获得了这种效果。似乎没有太复杂，因为已经有字体大小/位置功能可用。

编辑：请注意如何在重叠区域之间键入代码。