CodeMirror TextArea未按预期呈现

Question

我在我的应用程序中使用CodeMirror来允许代码编辑。我有以下页面代码：

@model Tarantula.Models.NewDiscussionModel

@{
    ViewBag.Title = "Index";
}


<link rel="stylesheet" href="/codemiror/lib/codemirror.css".>
<script src="/codemirror/lib/codemirror.js"></script>
<script src="/codemirror/mode/javascript/javascript.js"></script>

@using (Html.BeginForm())
{
    @Html.LabelFor(m => m.Title)
    @Html.EditorFor(m => m.Title);
    @Html.LabelFor(m => m.Body);
    @Html.TextAreaFor(m => m.Body);
    <input type="submit" value="Submit" />
}

<script>
var editor = CodeMirror.fromTextArea(document.getElementById("Body"), {
  lineNumbers: false
});
</script>

型号：

public class NewDiscussionModel 
{ 
    [DataType(DataType.Text)] 
    [Required] 
    [Display(Name="Title")] 
    public string Title; 

    [DataType(DataType.MultilineText)] 
    [Required] 
    [Display(Name="Message")] 
    public string Body; 
}

不幸的是，文本区域没有正确结束。我只是得到一个文本区域应该是空的空间。我究竟做错了什么？我是CodeMirror的新手。

谢谢，马克