像cssdeck这样的编解码功能[关闭]

Question

最近codemirror 项目引起了我的注意。 Jsbin 在后台使用 codemirror。

在那个网站上花了一些时间后，我找到了cssdeck。在 cssdeck 内部，他们正在实现一个名为 codecasts 的功能。

Codecasts 让我们记录我们的打字，然后我们可以回放记录的代码。最有趣的是，当我们播放录制的实现时，代码仍然是可编辑的。

查看this example。

有人知道如何创建这样的功能吗？

Answer 1

这不就是记录按键然后回放吗？

大概每个事件都是一个对象，它记录了它所在的窗口、时间（例如，自上一个事件以来经过的毫秒数）和按下的键（包括退格键）。

可能还需要特殊条目来应对鼠标点击改变光标位置。

因此，您可以简单地构建这些按键对象的数组，然后从头开始播放它们。