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 = "...";

しかし、何も機能しません。

これtextareaは CodeMirror エディターに置き換えられました。それに値を設定するにはどうすればよいですか？

助けてくれてありがとう！

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 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

あなたが持っているコードはうまくいくはずです。失敗の最も可能性の高い説明は、実行時に要素が存在しないことです。その場合、解決策は次のいずれかです。

6 に答える 6