Cambiar la altura y el ancho de TextArea en codemirror

Question

Estoy desarrollando un sitio web que tiene programas xml, java. Así que elegí CodeMirror para mostrar programas en TextArea. Me había exhibido con éxito. Por defecto height es 300px en codemirror.css. Cómo cambiar la altura y el ancho de TextArea mediante programación en codemirror?

Answer 1

The CodeMirror user manual is your friend.

código Ejemplo:

<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

Aunque la respuesta de Christian es fantástica, a sólo un cabezas:

AUTORESIZE demostración.

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

Al establecer el estilo altura de un editor para automóviles y dando la viewportMargin un valor del Infinito, CodeMirror se pueden hacer para cambiar el tamaño automáticamente para adaptarse a su contenido.

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

Answer 3

myCodeMirror.setSize(null, 500); 

Usted puede pasar null para cualquiera de ellos para indicar que esa dimensión no debe ser cambiado.

Documentation:

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

establecer mediante programación el tamaño del editor (anulando los aplicables las reglas CSS). el ancho y el alto pueden ser números (interpretados como píxeles) o unidades CSS ("100%", por ejemplo). Puede pasar nulo para cualquiera de ellos para indicar que esa dimensión no se debe cambiar.