我的CodeMirror textarea不起作用

时间:2014-11-03 16:38:09

标签: javascript html codemirror

我编写了一些HTML代码,使用CodeMirror来突出显示textarea中的代码。我想为javascript做这个,但我不明白为什么我的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 

1 个答案:

答案 0 :(得分:2)

您调用CodeMirror构造函数的方式告诉它将自己附加到textarea - 这是一种无法生成子元素的元素。您可能希望拨打CodeMirror.fromTextArea而不是普通CodeMirror