Code Mirror - myTextarea is not defined

Question

Chciałem ogarnąć przeglądarkowy edytor kodu CodeMirror

1.Rozpakowuje paczkę z tej strony https://codemirror.net/

2.W głównym katalogu wstawiam ten kod 

<!-- Create a simple CodeMirror instance -->
<link rel="stylesheet" href="lib/codemirror.css">
<script src="lib/codemirror.js"></script>
<script>
  var editor = CodeMirror.fromTextArea(myTextarea, {
    lineNumbers: true
  });
</script>

3.Widać że paczki dobrze się wczytały, bo inaczej by wyskoczyło errr-file-not-found, ale wyskakuje błąd codemirrortest.html:5 Uncaught ReferenceError: myTextarea is not defined
    at codemirrortest.html:5

Co tu mogłem zrobić źle?

Answer 1

Może stwórz jakieś pole tekstowe textarea, nadaj mu ID i przypisz do zmiennej.

<textarea id="myTextarea"></textarea>

var myTextarea = document.getElementById('myTextarea');

var editor = CodeMirror.fromTextArea(myTextarea, {
    lineNumbers: true
});

 

Answer 2

Musisz stworzyć znacznik textarea i stworzyć zmienną myTextarea (tłumacząc nazwe zmiennej "Mój znacznik textarea")

 

<textarea id="someId">

<script>
var myTextarea = document.getElementById('someId');
</script>

 

Answer 3

Faktycznie działa, dzięki