javascript - 如何使用 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 = "...";

但没有任何效果。

被textareaCodeMirror 编辑器取代。我如何设置它的价值？

非常感谢您的帮助！

score 71 · Accepted Answer

自 3.0 发布以来，执行此操作的方式略有变化。现在是这样的：

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

score 13 · Accepted Answer

我喜欢例子。试试这个：

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

score 5 · Accepted Answer

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

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

score 2 · Accepted Answer

CodeMirror ~4.6.0 你可以这样做，假设你有一个 codemirror 对象：

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

score 1 · Accepted Answer

您拥有的代码应该可以工作。它失败的最可能的解释是元素在您运行它时不存在。如果是这样，解决方案是：

score 1 · Accepted Answer

这适用于我的（相当旧的）CodeMirror 版本：

var editor=CodeMirror.fromTextArea('textarea_id');

editor.setCode('your string');

6 回答 6