1. ホーム
  2. javascript

[解決済み] Codemirror エディタがクリックされるまでコンテンツを読み込まない

2023-07-02 18:43:37

質問

私は codemirror 2 を使用しています。エディターの設定値が、エディターをクリックしてフォーカスされるまで、エディターに読み込まれないことを除いては、うまく動作しています。

私は、エディタがクリックされることなく、それ自体のコンテンツを表示したいのです。何かアイデアはありますか?

すべてのcodemirrorデモは期待通りに動作するので、多分textareaがフォーカスされていないのだと思い、それも試してみました。

$("#editor").focus();
var editor =    CodeMirror.fromTextArea(document.getElementById("editor"), {
                    mode: "text/html",
                    height: "197px",
                    lineNumbers: true
                });

どのように解決するのですか?

setValue()の後にrefresh()を呼び出す必要があります。ただし、setTimeoutを使用して、CodeMirror/Browserが新しいコンテンツに応じてレイアウトを更新した後にrefresh()を延期する必要があります。

codeMirrorRef.setValue(content);
setTimeout(function() {
    codeMirrorRef.refresh();
},1);

私にはよく効きます。私は答えを見つけた ここで .