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的作者也發(fā)現了這個問題，相關鏈接：
　　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> 

您可能感興趣的文章:

codeMirror插件使用講解

未知運行

Javascript函數緩存的實現及應用場景
Javascript函數緩存是一種提高網頁性能的重要技術,通過將函數結果存儲在緩存中,避免重復計算,從而提高頁面加載速度和響應速度,本文主要介紹了Javascript函數緩存的實現及應用場景,具有一定的參考價值,感興趣的可以了解一下
2023-12-12
關于Mozilla瀏覽器不支持innerText的解決辦法
在各大瀏覽器中，除Mozilla瀏覽器外，幾乎都支持一個元素的屬性：innerText。我們可以通過它來快速獲取某個元素的內的文本。
2011-01-01
判斷js數據類型的函數實例詳解
這篇文章主要介紹了一個判斷js數據類型的函數，本文通過實例代碼給大家介紹的非常詳細，具有一定的參考借鑒價值，需要的朋友可以參考下
2019-05-05
Iframe thickbox2.0使用的方法
一個小項目中用到，奉命進行修改，定位到
2009-03-03
JS驗證身份證有效性示例
身份證有效性驗證的方法有很多，在本文將為大家介紹下如何使用js簡單實現下，感興趣的朋友可以參考下
2013-10-10
無語，javascript居然支持中文(unicode)編程！
無語，javascript居然支持中文(unicode)編程！...
2007-04-04
JavaScript實現模態(tài)對話框實例
這篇文章主要介紹了JavaScript實現模態(tài)對話框實例,文中通過示例代碼介紹的非常詳細，對大家的學習或者工作具有一定的參考學習價值,需要的朋友可以參考下
2020-01-01
javascript中attachEvent用法實例分析
這篇文章主要介紹了javascript中attachEvent用法,實例分析了javascript中事件綁定的相關技巧,需要的朋友可以參考下
2015-05-05
javascript控制圖片播放的實現代碼
這篇文章主要介紹了javascript控制圖片播放的實現代碼，文中示例代碼介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們可以參考一下
2015-08-08
JavaScript中高階函數的巧妙運用
JavaScript中的高階函數是指可以接受其他函數作為參數或者返回一個函數作為結果的函數，本文介紹了JS中一些高階函數的妙用，希望對大家有所幫助
2023-05-05