如何使用Javascript设置CodeMirror编辑器的值？

Question

我尝试设置id4以下代码:

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

通过使用此代码:

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

还有这个:

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

但没有任何作用.

更新:

它textarea由CodeMirror编辑器替换.我该如何设定价值？

非常感谢您的帮助!

Answer 1

自3.0发布以来,这样做的方式略有改变.它现在是这样的:

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

Answer 2

正如你所说，textarea 被 Codemirror 取代。但它被类为“CodeMirror”的元素所取代。您可以使用querySelector来获取元素。当前的 CodeMirror 实例（及其方法）附加到此元素。所以你可以这样做：

document.querySelector('.CodeMirror').CodeMirror.setValue('VALUE')

Answer 3

我喜欢这个例子.试试这个:

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