使用#default#userdata元件實現的可記憶內容的編輯器_CSS/HTML

以下程式碼正常除錯須IE5.5以上瀏覽器

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

[Ctrl+A 全選 註:如需引入外部Js需刷新才能執行]<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>