CodeMirror2 IE7 / IE8 下面未知运行时错误

　　最近用CodeMirror2作后台的模板编辑器，在IE9、Firefox下面没有问题。到了IE7、IE8下面，textarea里面的代码就显示不出来了。搜索了好多，终于找到原因。
　　原来出错的代码如下：

    <p style="margin-top:0;">
        <asp:TextBox ID="txtContent" runat="server" TextMode="MultiLine" Height="450" Width="98%"></asp:TextBox>
    </p>

 

　　出错的原因应该是IE7、IE8中的P不支持innerHTML。CodeMirror的作者也发现了这个问题，相关链接：

　　https://github.com/marijnh/CodeMirror2/issues/215

　　https://github.com/marijnh/CodeMirror2/commit/4886415d6054571f92fa4d5601ebe7d601e952ab

 

    try { stringWidth("x"); }
    catch (e) {
      if (e.message.match(/runtime/i) || e.message.match(/运行时/i) )
        e = new Error("A CodeMirror inside a P-style element does not work in Internet Explorer. (innerHTML bug)");
      throw e;
    }

 

　　把textarea外层的p改成div，即可正常：

 

    <div style="margin-top:0;">
        <asp:TextBox ID="txtContent" runat="server" TextMode="MultiLine" Height="450" Width="98%"></asp:TextBox>
    </div>