要实现在先编辑功能，如何实现 所见即所得《－》html源码之间的转换编辑，谁能给我一段例子，非常着急！！！

用一个隐藏控件保存html源代码，切换到所见即所得视图的时候，把控件的内容输出到iframe里，切换到html视图的时候，把控件内容输出到textarea里。

解决方案 »

  1.   

    <script type="text/javascript">
      //<![CDATA[
    var htmlEncode = function(text) {
    return text.replace(/&/g, '&amp;').replace(/"/g, '&quot;').replace(/</g, '&lt;').replace(/>/g, '&gt;');
    }
      //]]>
      </script>
    </head>
    <body id="www.never-online.net">
    <button onclick="dmDesign.innerHTML=htmlEncode(dmHtml.innerHTML)">desgin</button>
    <div id="dmHtml"><font size="4"><b>blog.never-online.net</b></font></div>
    <div id="dmDesign"></div>
    </body>
      

  2.   

    这种方法比较笨，这个方法大家觉得怎样，我刚刚看到的
    var viewFlag = true;function switchView() {
    if(viewFlag == true) {
    var htmlValue = document.htmlView.document.documentElement.outerHTML;
    document.htmlView.document.open();
    document.htmlView.document.close();
    document.htmlView.document.body.innerText = htmlValue;
    viewFlag = false;

    var stateButton = document.getElementById("stateButton");
    stateButton.value = "视 图";
    } else {
    var htmlValue = document.htmlView.document.all[0].innerText;
    document.htmlView.document.open();
    document.htmlView.document.write(htmlValue);
    document.htmlView.document.close();
    viewFlag = true;

    var stateButton = document.getElementById("stateButton");
    stateButton.value = "源 码";
    }

    }
      

  3.   

    code->html
    object.innerHTML = object.innerText;
    html->code
    object.innerText = object.innerHTML;只适用与ie
      

  4.   

    为什么？其他的浏览器没有提供innerText吗？