javascript - change - codemirror set value

¿Cómo puedo configurar el valor de un editor de CodeMirror usando 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>

Al utilizar este código:

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

Y esto:

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

Pero nada funciona.

ACTUALIZADO:

El área de textarea se sustituye por el editor CodeMirror. ¿Cómo le establezco valor?

¡Muchas gracias por la ayuda!

Answer 1

CodeMirror ~ 4.6.0 puede hacer esto, asumiendo que tiene un objeto codemirror:

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

Answer 2

El código que tienes debería funcionar. La explicación más probable para que falle es que los elementos no existen en el momento de su ejecución . Si es así, las soluciones son:

• Mueva el JS para que aparezca después de que se hayan creado los elementos (p. Ej., Justo antes de </body> )
• Retrasar la ejecución del JS hasta que se hayan creado los elementos (por ejemplo, moviéndolo a una función que asigne como el controlador de eventos onload )

Answer 3

La forma de hacerlo ha cambiado ligeramente desde el lanzamiento de 3.0. Ahora es algo como esto:

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

Answer 4

Me gustan los ejemplos. Prueba esto:

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