Come posso impostare il valore di un editor CodeMirror da javascript?

Question

cerco di impostare id4 nel seguente codice:

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

Utilizzando questo comando javascript:

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

E questo comando:

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

Ma niente funziona.

AGGIORNAMENTO:

Il textarea è sostituito dal redattore CodeMirror. Come posso impostare un valore?

Grazie mille per l'aiuto!

Answer 1

Il modo per fare ciò è leggermente cambiato dal rilascio di 3.0. Ora è qualcosa di simile a questo:

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

Answer 2

Il codice che dovrebbe funzionare. La spiegazione più probabile per non riuscire è che gli elementi non esistono nel momento in cui lo si esegue. Se è così le soluzioni sono a uno:

• Spostare il JS così sembra dopo aver creato gli elementi (ad esempio, fino a poco prima </body>)
• Ritardo esecuzione del JS finché non sono stati creati gli elementi (ad esempio mediante spostandolo a una funzione assegnata come gestore eventi onload)

Answer 3

Mi piacciono gli esempi. Prova questo:

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

Answer 4

CodeMirror ~ 4.6.0 si può fare questo, a patto di avere un oggetto CodeMirror:

var currentValue = myCodeMirrorObject.cm.getValue(); 
var str = 'some new value'; 
myCodeMirrorObject.cm.setValue(str);