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

¿Fue útil?

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'.

Licenciado bajo: CC-BY-SA con atribución
No afiliado a StackOverflow
scroll top