How can I set the value of a CodeMirror editor using Javascript?

javascript textarea codemirror

Dmitry · Dec 4, 2011 · Viewed 48.6k times · Source

I try to set id4 in the following code:

<div id="id1">
    <div id="id2">
        <div id="id3">
            <textarea id="id4"></textarea>
        </div>
    </div>
</div>

By using this code:

document.getElementById('id4').value = "...";

And this:

document.getElementById('id3').getElementsByTagName('textarea')[0].value = "...";

But nothing works.

The textarea is replaced by CodeMirror editor. How do I set value to it?

Thanks a lot for the help!

Answer

The way to do this has changed slightly since the release of 3.0. It's now something like this:

var textArea = document.getElementById('myScript');
var editor = CodeMirror.fromTextArea(textArea);
editor.getDoc().setValue('var msg = "Hi";');