Saltar al contenido

Cambiar la altura y el ancho de TextArea en codemirror

Te doy la bienvenida a nuestra página web, en este lugar hallarás la resolución de lo que necesitas.

Solución:

El manual de usuario de CodeMirror es tu amigo.

Código de ejemplo:




myCodeMirror.setSize(null, 500);

Puedes pasar null para que cualquiera de ellos indique que no se debe cambiar esa dimensión.

Documentación:

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

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

Aunque la respuesta de Christian es excelente, solo un aviso:

Demostración de cambio de tamaño automático.

.CodeMirror 
  border: 1px solid #eee;
  height: auto;

Al configurar un editor height estilo a auto y dando el viewportMargin un valor de Infinityse puede hacer que CodeMirror cambie de tamaño automáticamente para adaptarse a su contenido.

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

valoraciones y comentarios

Recuerda que te concedemos decir .

¡Haz clic para puntuar esta entrada!
(Votos: 2 Promedio: 5)


Tags : /

Utiliza Nuestro Buscador

Deja una respuesta

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *