<span contenteditable id="Item_Edit" name="Item_Edit" style="width:500px;height:500px;overflow:scroll;border:inset 2px">Content</span>另外iframe也可以

解决方案 »

  1.   

    使用Item_Edit.document.execCommand()即可编辑各种元素。
    document.execCommand()具体用法请到网上查找。
      

  2.   

    <html><head>
    <meta http-equiv="Content-Language" content="zh-cn">
    <meta http-equiv="Content-Type" content="text/html; charset=gb2312">
    <title>新建网页 1</title><script language = jscript>function delete1()
    {
    document.selection.clear();
    }function red()
    {
    extRange = document.selection.createRange();
    if(extRange != null) extRange.pasteHTML("<font color = red>" + extRange.text +"</font>");
    }function blue()
    {
    extRange = document.selection.createRange();
    if(extRange != null) extRange.pasteHTML("<font color =blue>" + extRange.text +"</font>");
    }function changestyle()
    {
    document.all("edittext1").contentEditable = true;
    }function setkey()
    {
    if(event.keyCode == 13)
    {
    extRange = document.selection.createRange();
    extRange.pasteHTML("<br>");
    }
    }function size1()
    {
    extRange = document.selection.createRange();
    if(extRange != null)

    {
    var s = "";
    if(extRange.text !=null)
    s = extRange.text;
    extRange.pasteHTML("<font size = 5>" + s +"</font>");
    }}</script></head><body onload = "changestyle()"> <p><input type="button" value="delete" name="B3" onclick = "delete1()">
    <input type="button" value="red" name="B3" onclick = "red()">
    <input type="button" value="blue" name="B3" onclick = "blue()">
    <input type="button" value="size" name="B4" onclick = "size1()">
    <p><div id="edittext1" style = "width:300;height:300;overflow:auto;border:solid 1 black" onkeydown = "setkey()">this is a test</div></p>要下班了,比较匆忙,希望能有点启发,我的环境ie6/代码应该支持ie5以上
    </body></html>
      

  3.   

    去下载一个web编辑控件,一切功能都有了
    推荐这个
    http://www.ewebsoft.com/