Biblioteca de JavaScript para auto-Grow TextArea basado en su contenido
| Autor: | CodingAspect |
|---|---|
| Views Total: | 2,789 |
| Sitio oficial: | Ir a la web |
| Actualizado: | April 23, 2015 |
| Licencia: | MIT |
Vista prévia
Descripción
Una biblioteca de JavaScript minimalista que se utiliza para hacer que su TextArea auto crezca verticalmente en función de su contenido. También viene con un parámetro útil que le permite establecer las líneas Max para el TextArea de crecimiento automático.
Funcionamiento
Cargue la biblioteca de JavaScript TextArea-autogrow. js en su proyecto Web.
<script src="textarea-autogrow.js"></script>
Cree un textarea normal con el número de fila inicial.
<textarea id="demo" rows="3" class="form-control"></textarea>
Agregue el siguiente fragmento de código CSS en su archivo CSS.
#demo {
resize: none;
box-sizing: content-box;
} Inicialización y pase el parámetro maxLines para limitar las filas Max de la TextArea.
document.onreadystatechange = function(){
if(document.readyState == "complete"){
var maxLines = 10,
textarea = document.getElementById('demo');
var autoGrowTextarea = new Autogrow(textarea, maxLines);
}
}
