在网上看到一个简易的WEB编辑器 Parent.htm: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" > <head> <title></title> <mce:script type="text/javascript"><!-- function getFrameContent() { var iObj = document.getElementById("iId").contentWindow; alert(iObj.document.getElementsByTagName("body")[0].innerHTML); } function setFrameHeight() { var iObj = document.getElementById('iId'); iObj.height = iObj.contentWindow.document.documentElement.scrollHeight; } function setFrameEdit() { var iObj = document.getElementById('iId').contentWindow; iObj.document.designMode = 'On'; iObj.document.contentEditable = true; iObj.document.open(); iObj.document.writeln('<html><head>'); iObj.document.writeln('<mce:style><!-- body {font-size:9pt;margin: 2px; padding: 0px;} --></mce:style><style mce_bogus="1">body {font-size:9pt;margin: 2px; padding: 0px;}</style>'); iObj.document.writeln('</head><body></body></html>'); iObj.document.close(); } // --></mce:script> </head> <body> <p style=" font-size:20px; font-weight:bold" mce_style=" font-size:20px; font-weight:bold"><a href="/default.asp" mce_href="default.asp">返回Kale100.cn</a></p> <input type="button" value="获取内容" id="bnt1" onclick="getFrameContent()"/><br /> <input type="button" value="设置高度自适应" id="bnt2" onclick="setFrameHeight()"/><br /> <input type="button" value="设置Frame内容可编辑" id="bnt3" onclick="setFrameEdit()"/><br /> <iframe id="iId" name="iName" src="frame.htm" mce_src="frame.htm" scrolling="no" frameborder="1" style="border:solid 1px blue" mce_style="border:solid 1px blue"></iframe> </body> </html> Frame.htm: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" > <head> <title></title> </head> <body style=" height:400px; vertical-align:top" mce_style=" height:400px; vertical-align:top"> </body> </html>