iframe做编辑器时，怎样把textarea里的内容放到iframe里显示效果，且可编辑，在线等待，先谢谢各位前辈了！

我就是用一个像dreamweaver的拆分窗口那样子，上面输入一个textarea下面一个iframe。然后textarea在里输入值，在iframe里显示效果(反之也可以)。用到的技术只有html+javascript实现！！请大家一定帮帮我啊！！！我是新手！！！还有就是在iframe的上面放一个工具栏用到的是什么控件！！再次谢谢各位前辈，，，，还有就是我的设置了一个table里的<td>+<img>组合成按钮，为什么会出现挤动的效果（我设置了它的onmouseover等4个事件了的！！）

解决方案 »

  1.   

    <html>
    <head>
    </head>
    <body>
    <textarea id="aaa" cols="80" rows="10"></textarea>
    <br />
    <iframe src="about:blank" id="bbb" contentEditable="true" width="580" height="200"></iframe>
    <script language="javascript">var t1 = document.getElementById("aaa");
    var t2 = document.frames["bbb"];
    t2.document.open();
    t2.document.write('<html><head></head><body>test</body></html>');
    t2.document.designMode = "on";
    t2.document.close();
    t1.onkeyup = function(e)
    {
    t2.document.body.innerHTML = t1.value;
    }
    t2.document.onkeyup = function()
    {
    t1.value = t2.document.body.innerHTML;
    }
    </script>
    </body>
    </html>OK,整了整,你试试,做了个测试页面,需要增强,你可以先看看,再想想...在上面的文本框里输入,下面的IFRAME也在随着输入在变,在下边的输入,上面的文本框内容也在变,两者都是同步的,只是绑定事件而已.