¿Cómo puedo establecer el valor de un editor CodeMirror mediante javascript?

Question

intento configurar id4 en el siguiente código:

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

Mediante el uso de este comando javascript:

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

Y este comando:

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

Pero nada funciona.

ACTUALIZADO:

El textarea se sustituye por el editor CodeMirror. ¿Cómo le pongo valor?

¡Muchas gracias por la ayuda!

Answer 1

La manera de hacer esto ha cambiado levemente desde el lanzamiento de 3.0. Es ahora algo como esto:

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

Answer 2

El código que tiene debe funcionar. La explicación más probable para que falle es que los elementos no existen en el momento en que lo ejecuta. Si es así, las soluciones son a cualquiera:

• Mover la JS por lo que aparece una vez que se han creado los elementos (por ejemplo, justo antes de </body>)
• Retrasar la ejecución de la JS hasta que se hayan creado los elementos (por ejemplo, por moviéndolo a una función que asigna como el controlador de eventos onload)

Answer 3

Me gustan los ejemplos. Intente esto:

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

Answer 4

CodeMirror ~ 4.6.0 se puede hacer esto, suponiendo que tiene un objeto CodeMirror:

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