I followed the demos, and themes were working correctly. Now I updated CodeMirror to the newest vesion, and themes are not working ! I am not sure if the problem was due to the update or if there’s something wrong with my code. I am using ASP.NET MVC 5 , here is my code:
<script src="/Scripts/codeMirror-2.37/lib/codemirror.js"></script>
<script src="/Scripts/codeMirror-2.37/mode/clike/clike.js" type="text/javascript"></script>
<link href="/Scripts/codeMirror-2.37/lib/codemirror.css" rel="stylesheet" type="text/css" />
<link href="~/Scripts/codeMirror-2.37/theme/lesser-dark.css" rel="stylesheet" type="text/css" />
<div class="CodeMirror cm-s-lesser-dark cm-error cm-bracket" style="position:absolute;top:150px;left:400px;width:700px;">
@using (Html.BeginForm())
{
@Html.TextArea("code","public class Alaa",new { id = "code" })
}
</div>
<script>
var editor = CodeMirror.fromTextArea(document.getElementById("code"), {
lineNumbers: true,
matchBrackets: true,
mode: "text/x-java",
lineWrapping: true,
});
</script>
And this is the result I’ve got
What am I doing wrong؟