Parece que hay un montón de complementos de área de texto de crecimiento automático realmente malos para jQuery. Quiero que mi cuadro de texto de crecimiento automático sea tan bueno como el de Facebook. Quiero que se ajuste solo a la línea actual y agregue una línea justo antes de que sea necesario.
La mayoría de los complementos que he revisado intentan adivinar la altura de la línea a partir del número de caracteres, lo que parece demasiado ingenuo. He leído una solución que crea un div oculto para calcular la altura. Ese parece ser el camino correcto, pero esa solución no estaba en forma de complemento.
¿Qué hay por ahí que hace lo que quiero y es fácil de instalar?
Intentalo. http://www.jacklmoore.com/autosize Creo que aquí está lo mejor. Es muy bueno.
Tengo un complemento que calcula exactamente eso: http://www.mostthingsweb.com/2012/01/textarea-line-count-version-1-3-released/ . Utiliza el enfoque div oculto e incluso coincide con los atributos de fuente correctos. Échale un vistazo :)
Puede invocar el complemento cada vez que un usuario presiona una tecla en el cuadro de texto y luego cambiar el tamaño del cuadro de texto en consecuencia. Tal vez incluso cualquier otra clave, si no quiere acaparar el poder de procesamiento.
oye esto es javascript puro
function sz(t) { dv = document.createElement("div"); dv.style.visibility="hidden"; dv.style.position="absolute"; dv.style.width=t.offsetWidth; dv.innerHTML = t.value.replace(/\n/g, "<br>"); document.body.appendChild(dv); t.style.height=(dv.offsetHeight+22)+"px"; dv.parentNode.removeChild(dv); }
entonces solo usa onkeyup="sz(this)"