使用#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>