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

Question

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.

UPDATED:

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

Thanks a lot for the help!

Answer 1

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";'); 

Answer 2

I like examples. Try this:

CodeMirror.fromTextArea(document.getElementById(id), {         lineNumbers: true     }).setValue("your code here");