CodeMirror2 IE7/IE8 下面未知运行时错误的解决方法


Posted in Javascript onMarch 29, 2012

原来出错的代码如下:

<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 相关文章推荐
基于jQuery+HttpHandler实现图片裁剪效果代码(适用于论坛, SNS)
Sep 02 Javascript
JavaScript删除指定子元素代码实例
Jan 13 Javascript
JavaScript的9种继承实现方式归纳
May 18 Javascript
json的使用小结
Jun 08 Javascript
浅谈JQuery+ajax+jsonp 跨域访问
Jun 25 Javascript
js学习笔记之事件处理模型
Oct 31 Javascript
JS前端加密算法示例
Dec 22 Javascript
JQuery获取鼠标进入和离开容器的方向
Dec 29 Javascript
利用Electron简单撸一个Markdown编辑器的方法
Jun 10 Javascript
关于vue3.0中的this.$router.replace({ path: '/'})刷新无效果问题
Jan 16 Javascript
uniapp实现可滑动选项卡
Oct 21 Javascript
基于vue与element实现创建试卷相关功能(实例代码)
Dec 07 Vue.js
javascript对talbe进行动态添加、删除、验证实现代码
Mar 29 #Javascript
jQuery 下拉列表 二级联动插件分享
Mar 29 #Javascript
50款非常棒的 jQuery 插件分享
Mar 29 #Javascript
基于jquery完美拖拽,可返回拖动轨迹
Mar 29 #Javascript
Javascript面向对象扩展库代码分享
Mar 27 #Javascript
用Javascript实现Windows任务管理器的代码
Mar 27 #Javascript
推荐30个新鲜出炉的精美 jQuery 效果
Mar 26 #Javascript
You might like
phpMyadmin 用户权限中英对照
2010/04/02 PHP
php中函数的形参与实参的问题说明
2010/09/01 PHP
让Json更懂中文(JSON_UNESCAPED_UNICODE)
2011/10/27 PHP
php更新mysql后获取改变行数的方法
2014/12/25 PHP
php生成验证码函数
2015/10/20 PHP
使用WordPress发送电子邮件的相关PHP函数用法解析
2015/12/15 PHP
Symfony2框架学习笔记之HTTP Cache用法详解
2016/03/18 PHP
php防止表单重复提交实例讲解
2019/02/11 PHP
javascript firefox不显示本地预览图片问题的解决方法
2008/11/12 Javascript
ajax异步刷新实现更新数据库
2012/12/03 Javascript
JavaScript计算字符串中每个字符出现次数的小例子
2013/07/02 Javascript
简介JavaScript中Boolean.toSource()方法的使用
2015/06/05 Javascript
JS实现点击上移下移LI行数据的方法
2015/08/05 Javascript
基于javascript实现全屏漂浮广告
2016/03/31 Javascript
bootstrap vue.js实现tab效果
2017/02/07 Javascript
JS 组件系列之BootstrapTable的treegrid功能
2017/06/16 Javascript
[js高手之路]设计模式系列课程-发布者,订阅者重构购物车的实例
2017/08/29 Javascript
常用的9个JavaScript图表库详解
2017/12/19 Javascript
JS计算输出100元钱买100只鸡问题的解决方法
2018/01/04 Javascript
浅谈TypeScript 用 Webpack/ts-node 运行的配置记录
2019/10/11 Javascript
[06:16]DOTA2守卫传承者——职业选手谈心路历程
2015/02/26 DOTA
Python中Scrapy爬虫图片处理详解
2017/11/29 Python
Windows 8.1 64bit下搭建 Scrapy 0.22 环境
2018/11/18 Python
python中metaclass原理与用法详解
2019/06/25 Python
对Django的restful用法详解(自带的增删改查)
2019/08/28 Python
Django admin禁用编辑链接和添加删除操作详解
2019/11/15 Python
CSS3实现彩色进度条动画的示例
2020/10/29 HTML / CSS
web页面录屏实现
2019/02/12 HTML / CSS
html5 利用重力感应实现摇一摇换颜色可用来做抽奖等等
2014/05/07 HTML / CSS
JOSEPH官网:英国奢侈时尚品牌
2018/01/31 全球购物
简述synchronized和java.util.concurrent.locks.Lock的异同
2014/12/08 面试题
营销总经理岗位职责
2014/02/02 职场文书
信用社主任竞聘演讲稿
2014/05/23 职场文书
学校师德师风整改方案
2014/10/28 职场文书
先进基层党组织主要事迹材料
2015/11/03 职场文书
Python多个MP4合成视频的实现方法
2021/07/16 Python