Memorable content editor_CSS/HTML implemented using #default#userdata component

Normal debugging of the following code requires IE5.5 or above browser

<style> .userData {behavior:url(#default#userdata);} </style> <p align="center"> <button onclick="DoSave()"> </button> <button onclick="DoClear()"> </button>Save<button onclick="DoLoad()"> </button>Clear</p> <div id="foo" class="userData" contenteditable="true" style="width:100%;height:90%;border:1pt solid black">Loading</div>

[Ctrl+A to select all Note: If you need to introduce external Js, you need to refresh it to execute ]<script> function DoSave(){ foo.setAttribute("content", foo.innerHTML); foo.save("EditContent"); } function DoLoad(){ foo.load("EditContent"); content = foo.getAttribute("content"); if (content != null) foo.innerHTML=content; } function DoClear(){ foo.innerHTML = ""; } </script>