HTML5内联编辑

zlpx · 发表于 2013-1-24 06:39:51

下面的例子展示了使用div的内联编辑模式。

<html> <head> <title> Editable &lt;div&gt; Element </title> <script type="text/javascript"> function showSource() { var content = document.getElementById ("div").innerHTML; content.replace(/</g,'&lt;'); content.replace(/>/g, '&gt;'); alert(content); } function createLink() { var url = prompt("Enter URL:", "http://"); if (url) document.execCommand("createlink", false, url); } </script> </head> <body> <h1>Editable &lt;div&gt; Element</h1> <div> <input type="button" value="Bold" > <input type="button" value="Italic" > <input type="button" value="Underline" > <input type="button" value="Add Link" > <input type="button" value="Display Source" > </div> <br> <div id="div" style='border:solid black; height: 300px; width: 400px' contenteditable="true"> </div> </body></html>源码下载：

EditDiv.zip

		自动登录	找回密码
密码			立即注册