我的 CodeMirror 文本区域不起作用答案

【问题标题】：My CodeMirror textarea doesn't work我的 CodeMirror 文本区域不起作用
【发布时间】：2014-11-03 16:38:09
【问题描述】：

我编写了一些 HTML 代码来使用 CodeMirror 突出显示我的文本区域中的代码。我想为 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

【问题讨论】：

mode="javascript" 是错字吗？不应该是mode:"javascript"？
是的。但它没有影响，因为我再次测试它：/
lineNumbers: true; 末尾有分号可能是另一个语法错误。尝试使用 F12 打开您的开发工具，看看您的控制台中是否报告了任何错误。
添加了错误信息 ;)
该错误不太可能阻止 CodeMirror 工作。您还留下了带有两个语法错误的未编辑代码 - 您可以将其编辑为您现在正在测试的确切代码吗？

标签： javascript html codemirror

【解决方案1】：

您调用 CodeMirror 构造函数的方式告诉它将自己附加到一个文本区域——这是一种不能有子元素的元素。您可能想调用CodeMirror.fromTextArea 而不是普通的CodeMirror。

【讨论】：