<分区>
最近codemirror元素引起了我的注意。 Jsbin 在后台使用 codemirror。
在该网站上花了一些时间后,我找到了 cssdeck .在 cssdeck 内部,他们正在实现一个名为 codecasts 的功能。 .
Codecasts 让我们记录我们的打字,稍后我们可以播放记录的代码。最有趣的是,当我们播放录制的实现时,代码仍然是可编辑的。
查看 this example .
有没有人知道如何创建这样的功能?
<分区>
最近codemirror元素引起了我的注意。 Jsbin 在后台使用 codemirror。
在该网站上花了一些时间后,我找到了 cssdeck .在 cssdeck 内部,他们正在实现一个名为 codecasts 的功能。 .
Codecasts 让我们记录我们的打字,稍后我们可以播放记录的代码。最有趣的是,当我们播放录制的实现时,代码仍然是可编辑的。
查看 this example .
有没有人知道如何创建这样的功能?
最佳答案
这不就是记录按键然后回放吗?
大概每个事件都是一个对象,记录按键所在的窗口、时间(例如,自上一个事件以来经过的毫秒数)和按下的键(包括退格键)。
可能还需要一些特殊的条目来应对鼠标点击改变光标位置。
因此,您可以简单地构建这些按键对象的数组,然后从头开始播放它们。
关于css - 像 cssdeck 这样的编播功能,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/12831790/