<html>
       <body>
          <div></div>
          <iframe id="htmlEditor"></iframe>
       </body>
    </html>
   var f=window.frames['htmlEditor'];
   //设置Iframe为编辑状态    f.document.designMode="on";在IE和chrome浏览器下可以用,但是在Firefox下无法编辑??请问如何解决??

解决方案 »

  1.   

    加个name属性.
    <!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>
    <meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
    <title>无标题文档</title>
    <script type="text/javascript">
    window.onload = function(){
    var f = window.frames["htmlEditor"]; f.document.designMode = "on";
    };
    </script>
    </head><body>
    <div></div>
        <iframe id="htmlEditor" name="htmlEditor"></iframe>
    </body>
    </html>
      

  2.   

    window.frames["iframeName"].document.designMode="on";
    window.frames["iframeName"].document.contentEditable="true" 
    这两个一起上阵就可以了。老朽也是昨天才知道的,呵呵,我们项目在做firefox兼容。任重而道远阿~~~~