CodeMirror2 IE7/IE8 下面未知运行时错误的解决方法
更新时间：2012年03月29日 01:45:19 作者：
最近用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>
复制代码 代码如下:
<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>
您可能感兴趣的文章:
相关文章
Javascript函数缓存是一种提高网页性能的重要技术,通过将函数结果存储在缓存中,避免重复计算,从而提高页面加载速度和响应速度,本文主要介绍了Javascript函数缓存的实现及应用场景,具有一定的参考价值,感兴趣的可以了解一下2023-12-12
在各大浏览器中，除Mozilla浏览器外，几乎都支持一个元素的属性：innerText。我们可以通过它来快速获取某个元素的内的文本。2011-01-01
这篇文章主要介绍了一个判断js数据类型的函数，本文通过实例代码给大家介绍的非常详细，具有一定的参考借鉴价值，需要的朋友可以参考下2019-05-05
一个小项目中用到，奉命进行修改，定位到2009-03-03
身份证有效性验证的方法有很多，在本文将为大家介绍下如何使用js简单实现下，感兴趣的朋友可以参考下2013-10-10
无语，javascript居然支持中文(unicode)编程！
无语，javascript居然支持中文(unicode)编程！...2007-04-04
这篇文章主要介绍了JavaScript实现模态对话框实例,文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下2020-01-01
这篇文章主要介绍了javascript中attachEvent用法,实例分析了javascript中事件绑定的相关技巧,需要的朋友可以参考下2015-05-05
这篇文章主要介绍了javascript控制图片播放的实现代码，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2015-08-08
JavaScript中的高阶函数是指可以接受其他函数作为参数或者返回一个函数作为结果的函数，本文介绍了JS中一些高阶函数的妙用，希望对大家有所帮助2023-05-05
最新评论