A simple jQuery plugin to track text revisions to HTML inputs or text areas. Revisions can be saved, undone, redone, diffed and fetched. Revision data of text, time of revision and revision number are stored.
Download the production version or the development version.
In your web page:
<textarea id="ta"></textarea>
<script src="jquery.js"></script>
<script src="dist/textbox-revision-tracker.min.js"></script>
<!-- provide diff function if you want diff support, alternatively you supply your own diff function, which is passed as an option -->
<script src="libs/diff.js"></script>
<script>
//window.diffString provided by libs/diff.js
$('textarea#ta').revisionTracker({diffFunction: window.diffString});
</script>| Name | Type | Description |
|---|---|---|
| diffFunction | Function | Takes the text of two revisions and performs a diff. This only needs to be provided if calling the diff method in the API. |
| autoSave | Number | If provided, will automatically create a revision after specified number seconds of paused typing |
To call a method on an instantiated RevisionTracker, use the syntax $('textarea').('methodName', arguments...);.
| Method | Description | Arguments |
|---|---|---|
| revisions | List of all revisions. Revisions are objects with text, time and revisionNumber properties. | None |
| save | Save the current text as a revsion. | None |
| getRevision | Get a particular revision. | RevisionNumber |
| undo | Undo last revision. | None |
| redo | Redo last undone revision. | None |
| goToRevision | Go to a particular revision. | RevisionNumber |
| getDiff | Get a diff of two revisions. | RevisionNumber1, RevisionNumber2 |
//init
$('textarea').revisionTracker();
//type in some text
$('textarea').val('foo');
//save the text as a revision
$('textarea').revisionTracker('save');
$('textarea').revisionTracker('revisions'); //returns [{"text":"foo","time":1438307922004,"revisionNumber":1}]
$('textarea').revisionTracker('undo');
$('textarea').revisionTracker('revisions'); //returns []
$('textarea').val() //return ""
$('textarea').revisionTracker('redo');
$('textarea').val() //return "foo"0.1 - Initial Release