You can freely alter the text on this page including the header and footer. There are no forms, no inputs, and no textarea's. All editing occurs directly through a keyboard buffer that dynamically updates the html. In other words, the JavaScript logs every keystroke (recording into a buffer) and then can playback the buffer.
The keyboard buffer is recording all relevant keystrokes. There is no cursor, and all additions or deletions occur at the end of each editable area. After editing you can click "replay" to watch everything the keyboard buffer captured.
There is only a single BUFFER, so anytime you click "save" or you switch to a different editable area the buffer will be purged and any changes "saved" locally in this html.
Non-editable! This div is exactly like the others except it doesn't have the class="editable" hook that keylogger.js is using to attach onclick events.