HTML5 contenteditable Nodepad

HTML

<div id="content" contenteditable="true">
</div>

CSS

body {
    margin: 0;
    padding: 0;
}

#content {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
}

JavaScript

var key = "draft",
    contentEl = document.getElementById("content");

// load from save
contentEl.innerHTML = localStorage[key] || '';

// save on change
contentEl.onkeyup=function() {
    localStorage[key] = contentEl.innerHTML;
};