Codemirror autorizza fino a un determinato numero di righe

Question

Sto tentando di consentire a codemirror di autorizzare automaticamente un numero determinato di linee o altezza pixel. Dopo aver raggiunto questa dimensione massima, il widget dovrebbe aggiungere barre di scorrimento.

CodeMirror.fromTextArea(document.getElementById("code"), { 
    lineNumbers: true, 
    viewportMargin: 50 

});

max-height non funziona

.CodeMirror { 
border: 1px solid #eee; 
height: 100%; 
} 

http://jsfiddle.net/qzjo4ejh/

Answer 1

È necessario fornire lo stile .CodeMirror a height: auto e inserire max-height su .CodeMirror-scroll. L'editor incorporato su project page fa questo (vedi sorgente, è proprio vicino alla cima).

Answer 2

Che dire qualcosa di simile:

var myCodeMirror = CodeMirror.fromTextArea(document.getElementById("code"), { 
    lineNumbers: true, 
    viewportMargin: 50 
}); 

var height; 
if(myCodeMirror.lineCount() > 5) { 
    height = 50; 
} else { 
    height = 20 * myCodeMirror.lineCount(); 
} 
myCodeMirror.setSize(500, height); 

Questo è un esempio. Puoi gestire un evento per ridimensionare dinamicamente il tuo CodeMirror quando le linee cambiano.

Answer 3

Questo è ciò che ha funzionato per me. Il CodeMirror-scroll stava provocando una dimensione troppo grande. Non devi fare nulla con viewportMargin nonostante ciò che dicono i documenti.

.CodeMirror { 
    border: 1px solid #eee; 
    height: auto; 
    max-height:100px; 
} 

.CodeMirror-scroll { 
    height: auto; 
    max-height:100px; 
} 

Fiddle