Themes not working


#1

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؟


#2

You don’t seem to be setting the theme option.


#3

Now themes work, but looks like it creates another textarea rather than rendering the required one. Can you help with that?