markitup cambia el tamaño del área de texto establecer explícitamente?
Pregunta
He creado varios área de texto de con diversos tamaños como:
<textarea class="markItUp" rows="5" cols="80" name="upstring">
o
<textarea class="markItUp" rows="100" cols="80" name="upstring">
Sin embargo, tras la aplicación de la markitup que siempre se redimensionan a 18 filas. ¿Por qué?
He comprobado filas con Firebug y su invariable (siendo 5 o 100), de modo que el cambio no ayudará.
Desde que tengo un montón de textos que quieren hacer pequeñas modificaciones en lo que yo no tengo a un a pequeña o gran zona para empezar ya que ya saben el tamaño apropiado.
Motivos ayuda
Solución
Después de un poco de juego en torno a comprender cosas que produce el código siguiente para resolver mi problema:
jQuery(".markItUp").markItUp(mySettings).css('height', function() {
/* Since line-height is set in the markItUp-css, fetch that value and
split it into value and unit. */
var h = jQuery(this).css('line-height').match(/(\d+)(.*)/)
/* Multiply line-height-value with nr-of-rows and add the unit. */
return (h[1]*jQuery(this).attr('rows'))+h[2]
});
Otros consejos
reglas CSS prevalece sobre las filas y cols atributos, por lo que en vez de depender de ellos, tratar dimensionar sus áreas de texto con CSS 'altura' y 'ancho'.