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> 

出錯的原因應(yīng)該是IE7、IE8中的P不支持innerHTML。CodeMirror的作者也發(fā)現(xiàn)了這個問題，相關(guān)鏈接：
　　https://github.com/marijnh/CodeMirror2/issues/215
　　https://github.com/marijnh/CodeMirror2/commit/4886415d6054571f92fa4d5601ebe7d601e952ab

復(fù)制代碼代碼如下:

 
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，即可正常：

復(fù)制代碼代碼如下:

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

您可能感興趣的文章:

codeMirror插件使用講解

未知運行

相關(guān)文章

javascript自定義加載loading效果
這篇文章主要為大家詳細介紹了javascript自定義加載loading效果，文中示例代碼介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們可以參考一下
2020-09-09
js利用for in循環(huán)獲取一個對象的所有屬性以及值的實例
下面小編就為大家?guī)硪黄猨s利用for in循環(huán)獲取一個對象的所有屬性以及值的實例。小編覺得挺不錯的，現(xiàn)在就分享給大家，也給大家做個參考。一起跟隨小編過來看看吧
2017-03-03
原生JS實現(xiàn)ajax與ajax的跨域請求實例
下面小編就為大家分享一篇原生JS實現(xiàn)ajax與ajax的跨域請求實例，具有很好的參考價值，希望對大家有所幫助。一起跟隨小編過來看看吧
2017-12-12
詳解JavaScript基于面向?qū)ο笾畡?chuàng)建對象（1）
這篇文章主要介紹了JavaScript基于面向?qū)ο笾畡?chuàng)建對象，對創(chuàng)建對象進行了詳細描述，感興趣的小伙伴們可以參考一下
2015-12-12
基于javascript制作微信聊天面板
這篇文章主要為大家詳細介紹了基于javascript制作微信聊天面板的相關(guān)資料，文中示例代碼介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們可以參考一下
2016-03-03
詳解Bootstrap四種圖片樣式
本文給大家介紹Bootstrap 對圖片的支持，Bootstrap提供了四個可對圖片應(yīng)用簡單樣式的class，對Bootstrap四種圖片class相關(guān)知識感興趣的朋友一起學(xué)習(xí)吧
2016-01-01
極簡主義法編寫JavaScript類
荷蘭程序員Gabor de Mooij提出了一種比Object.create()更好的新方法，他稱這種方法為"極簡主義法"（minimalist approach）。下面通過本文給大家分享極簡主義法編寫JavaScript類的相關(guān)知識，一起看看吧
2017-11-11
一個判斷搶購時間是否到達的簡單的js函數(shù)
這篇文章主要介紹了一個簡單的判斷搶購時間是否到達的js函數(shù)，原理很簡單，找到時鐘的id，計算數(shù)值，到達搶購時間時執(zhí)行任務(wù)，需要的朋友可以參考下
2014-06-06
javascript的trim,ltrim,rtrim自定義函數(shù)
今天用到j(luò)avascript去掉一個文本框中字符串兩端的空格，開始還以為有trim，ltrim，rtrim函數(shù)（asp中有這三個函數(shù)，弄混了），結(jié)果找半天，沒有找到。最后找到用正則實現(xiàn)這樣功能的自定義函數(shù)。
2008-09-09
js replace替換所有匹配的字符串
這篇文章主要介紹了js replace替換所有匹配的字符串,需要的朋友可以參考下
2014-02-02