Cambia altezza e larghezza di TextArea in codemirror

Question

Sto sviluppando un sito Web che dispone di programmi xml, java. Così ho scelto CodeMirror per visualizzare i programmi in TextArea. Ho visualizzato con successo. Il valore predefinito è height è 300px in codemirror.css. Come cambiare altezza e larghezza di TextArea in modo programmatico in codemirror?

Answer 1

The CodeMirror user manual is your friend.

codice Esempio:

<textarea id="myText" rows="4" cols="10"></textarea> 

<script type="text/javascript" language="javascript"> 
    var myTextArea = document.getElementById('myText'); 
    var myCodeMirror = CodeMirror.fromTextArea(myTextArea); 
    myCodeMirror.setSize(500, 300); 
</script> 

Answer 2

Anche se la risposta di Christian è grande, solo un testa a testa:

Ridimensiona automaticamente Demo.

CodeMirror { 
    border: 1px solid #eee; 
    height: auto; 
} 

Impostando stile l'altezza di un editor per auto e dando il viewportMargin un valore di Infinity, CodeMirror può essere fatto per ridimensionare automaticamente per adattarsi il suo contenuto.

Fonte: https://codemirror.net/demo/resize.html

Answer 3

myCodeMirror.setSize(null, 500); 

Si può passare null per una di esse per indicare che quella dimensione non deve essere modificata.

Documentation:

cm.setSize(width: number|string, height: number|string) 

livello di programmazione impostare le dimensioni del l'editor (ignorando le regole CSS applicabili). la larghezza e l'altezza possono essere numeri (interpretati come pixel) o unità CSS ("100%", ad esempio). È possibile passare null per per indicare che quella quota non deve essere modificata.