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

Question

Parece que hay un montón de complementos de texto de autogrow 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 añada 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. Parece el camino correcto, pero esa solución no estaba en forma de complemento.

¿Qué hay afuera que hace lo que quiero y es fácil de instalar?

Answer 1

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. Compruébelo :)

Puede invocar el complemento cada vez que un usuario pulsa una tecla en el cuadro de texto, y luego cambiar el tamaño del cuadro de texto en consecuencia. Tal vez incluso todas las otras claves, si no quieres controlar la potencia de procesamiento.

Answer 2

bueno esto es puro JavaScript

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 sólo tiene que utilizar onkeyup = "SZ (esto)"

Answer 3

intentarlo. http://www.jacklmoore.com/autosize Creo que esto es lo mejor. Es muy bueno.