12

タブ付きインターフェイスでテキストエリア付きの codemirror を使用しています。codemirror を含むタブにいないときにそこに移動すると、行番号やカーソルのない空の空白が表示され、ページを更新すると機能します。を使用してタブのコンテンツが非表示になっているためだとわかっているdisplay: none;ので、どうすればこの問題を修正できますか?

これが私のコードです（私はjqueryも使用しています）：

var editor = CodeMirror.fromTextArea(document.getElementById($this.attr('id')), {
        lineNumbers: true,
        mode: text/html,
        enterMode: "keep",
        tabMode: "shift"
    });

    $(editor.getScrollerElement()).width(300);
    width = $(editor.getScrollerElement()).parent().width();
    $(editor.getScrollerElement()).width(width);
    editor.refresh();

前もって感謝します。

4

4 に答える 4

15

refreshエディターを含むタブに切り替えるときも、必ず呼び出してください。

于 2012-05-01T08:44:34.530 に答える
14

これを試して ：

// Refresh CodeMirror
$('.CodeMirror').each(function(i, el){
    el.CodeMirror.refresh();
});
于 2013-09-06T20:38:08.797 に答える