recorder.js

1.2.2 • Public • Published

recorder.js npm npm

A textual recorder for textareas and text editors

Usage

<script src="dist/recorder.min.js"></script>

Note: All recorder types are accessible via window.Recorder.

HTML Textarea

 
// Set up the recorder to track text changes
var recorder = new Recorder.TextAreaRecorder(HTMLTextAreaElement);
 
// Play the recording back into the supplied element (using 2x speed)
recorder.play(HTMLTextAreaElement, 2);

CodeMirror Editor

 
// editorInstance = CodeMirror(yourElement);
 
var recorder = new Recorder.CodeMirrorRecorder(editorInstance);
 
// Playback via another Codemirror instance or a textarea if you prefer (at 1x speed, by default)
recorder.play(anotherEditorInstance);

Ace Editor

 
// editorInstance = ace.edit(yourElement);
 
var recorder = new Recorder.AceRecorder(editorInstance);
 
// Playback via another Ace instance or a textarea if you prefer
recorder.play(anotherEditorInstance);

Additional commands

 
// Clear the last recording
recorder.clear()
 
// Get a JSON representation of the deltas
recorder.getRecording();

Contributing

This lib uses browserify to generate the browser bundle.

To get the environment set up:

  1. Fork this repo
  2. Run npm install within the root
  3. Run make to generate a distribution bundle and update the demo app demo/
  4. Run make watchify to have watchify rebundle the app while you write code

License

MIT

Readme

Keywords

none

Package Sidebar

Install

npm i recorder.js

Weekly Downloads

31

Version

1.2.2

License

MIT

Last publish

Collaborators

  • mrjoelkemp