Creare un editor CodeMirror e il suo canale di scolo 100% altezza del contenitore

Question

Come si crea un editor CodeMirror e il suo gutter al 100% dell'altezza del suo genitore?

Ad esempio, su jsfiddle, gli editor hanno una grondaia di altezza 100%.

Ho passato il CSS cercando di rendere tutto 100% altezza, ma nessun effetto.

Answer 1

Una regola CSS come .CodeMirror { height: 100%; } dovrebbe funzionare. Nota che quando l'elemento genitore cambia dimensione dopo che l'editor è stato inizializzato, sei responsabile di chiamare .refresh() sull'istanza CodeMirror per assicurarti che si disegna correttamente.

Answer 2

A presentazione CodeMirror scrittura:

CodeMirror.setSize("100%", "100%");