Come aggiornare codemirror quando lo stile div principale diventa blocco di visualizzazione?

Question

Sto usando codemirror con textareas in un'interfaccia a schede, quando non sono nella scheda che contiene codemirror e poi ci vado, ottengo lo spazio vuoto vuoto senza numeri di riga o il cursore, quando aggiorno la pagina funziona , So che è perché il contenuto delle schede è nascosto usando display: none; quindi come posso risolvere questo problema?

Ecco il mio codice, (sto anche utilizzando 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(); 

grazie in anticipo.

Answer 1

Assicurarsi di chiamare anche refresh quando si passa alla scheda che contiene l'editor.

Answer 2

inserire questo codice sotto

// Refresh CodeMirror 
$('.CodeMirror').each(function(i, el){ 
    el.CodeMirror.refresh(); 
}); 

ha funzionato per me, essere sicuri di posizionarlo nella parte superiore della pagina. speranza che aiuta.