¿Cuál es el mejor plugin de textarea de autogrow para jQuery?

autosize textarea jquery

Question

Parece que hay un montón de complementos de textarea autogrow realmente malos para jQuery. Quiero que mi cuadro de texto de inicio automático sea tan bueno como el de Facebook. Quiero que se ajuste solo a la línea actual, y agregar una línea justo antes de que sea necesaria.

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 ahí fuera que hace lo que quiero y es fácil de instalar?

Answer 1

Intentalo. http://www.jacklmoore.com/autosize Lo que aquí es lo mejor. Es una muy buena.

Answer 2

Tengo un complemento que calcula eso: http://www.mostthingsweb.com/2012/01/textarea-line-count-version-1-3-released/ . Utiliza el enfoque de div oculto, e incluso coincide con los atributos de fuente correctos. Echale un vistazo :)

Podría invocar el complemento cada vez que un usuario presione una tecla en el cuadro de texto y, a continuación, cambie el tamaño del cuadro de texto en consecuencia. Tal vez incluso todas las demás claves, si no quieres acaparar el poder de procesamiento.

Answer 3

hey 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 usas onkeyup = "sz (this)"