我的CodeMirror textarea不起作用

我寫了一些HTML代碼來使用CodeMirror來突出顯示我的textarea中的代碼。我想爲javascript做這個，但我不明白爲什麼我的textarea沒有文字高亮。我的CodeMirror textarea不起作用

<html> 
<head> 
    <script src="js/codemirror.js"></script> 
    <link rel="stylesheet" href="codemirror-4.7/lib/codemirror.css"> 
    <link rel="stylesheet" href="css/docs.css"> 
    <script src="codemirror-4.7/mode/javascript/javascript.js"></script> 
    <title>TestHTML</title> 
</head> 
<body> 
    <textarea id="code"> 
    </textarea> 
<script type="text/javascript"> 
    var myCodeMirror = CodeMirror(document.getElementById("code"), { 
    mode:"javascript", 
    lineNumbers: true 
}); 
</script> 
</body> 
</html>

這是我的代碼。因此，也許你可以找到我的錯誤:)

編輯：

錯誤代碼是：

GET file://themes.googleusercontent.com/static/fonts/sourcesanspro/v5/ODelI1aHBYDBqgeIAH2zlBM0YzuT7MdOe03otPbuUS0.woff net::ERR_FILE_NOT_FOUND

來源

2014-11-03 alexfi

是'mode =「javascript」'一個錯字？不應該是'mode：「javascript」'？ – dreyescat 2014-11-03 16:48:36

是的。但它沒有任何影響，因爲我再次測試它：/ – alexfi 2014-11-03 16:51:19

'lineNumbers：true;'在最後用分號表示可能是另一個語法錯誤。嘗試使用F12打開開發工具，並查看是否有任何錯誤報告在您的控制檯中。 – 2014-11-03 16:51:55

你調用CodeMirror構造函數的方式告訴它自身附加到一個文本 - 這是一種不能生孩子的元素。您可能需要撥打CodeMirror.fromTextArea而不是簡單的CodeMirror。

來源

2014-11-04 10:03:47 Marijn

我的CodeMirror textarea不起作用

回答

相關問題