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

HTML5内联编辑

 
下面的例子展示了使用div的内联编辑模式。
 
 
<html><head>    <title>      Editable <div> Element    </title>    <script type="text/javascript">      function showSource()       {      var content = document.getElementById          ("div").innerHTML;      content.replace(/</g,'<');      content.replace(/>/g, '>');      alert(content);      }      function createLink()       {      var url = prompt("Enter URL:", "http://");      if (url)          document.execCommand("createlink",false, url);      }    </script></head><body>    <h1>Editable <div> 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
页: [1]
查看完整版本: HTML5内联编辑