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>
復制代碼 代碼如下:
<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>
您可能感興趣的文章:
相關文章
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實現模態(tài)對話框實例,文中通過示例代碼介紹的非常詳細，對大家的學習或者工作具有一定的參考學習價值,需要的朋友可以參考下2020-01-01
這篇文章主要介紹了javascript中attachEvent用法,實例分析了javascript中事件綁定的相關技巧,需要的朋友可以參考下2015-05-05
這篇文章主要介紹了javascript控制圖片播放的實現代碼，文中示例代碼介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們可以參考一下2015-08-08
JavaScript中的高階函數是指可以接受其他函數作為參數或者返回一個函數作為結果的函數，本文介紹了JS中一些高階函數的妙用，希望對大家有所幫助2023-05-05