css - cssdeckのようなコードキャスト機能

Question

最近、 codemirrorプロジェクトが私の注目を集めました。Jsbinは舞台裏でコードミラーを使用しています。

そのウェブサイトでしばらく過ごした後、私はcssdeckを見つけました。cssdeck内で、コードキャストと呼ばれる機能を実装しています。

コードキャストを使用すると、入力を記録し、後で記録したコードを再生できます。最も興味深いことに、記録された実装を再生しているときでも、コードは編集可能です。

この例を確認してください。

そのような機能を作成する方法について誰かが何か考えを持っていますか？

Answer 1

これは、キーを押してから再生するだけではありませんか？

おそらく、各イベントは、キーが押されたウィンドウ、時間（たとえば、前のイベントからの経過ミリ秒）、および押されたキー（バックスペースを含む）を記録するオブジェクトです。

カーソル位置を変更するマウスクリックに対処するために、特別なエントリが必要になる場合もあります。

したがって、これらのキープレスオブジェクトの配列を作成して、最初から再生することができます。