css - 编解码功能，如 cssdeck

Question

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

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

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

看看这个例子。

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

Answer 1

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

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

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

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