markitup меняет явно установленный размер textarea?
Я установил несколько текстовых полей с различными размерами:
<textarea class="markItUp" rows="5" cols="80" name="upstring">
или же
<textarea class="markItUp" rows="100" cols="80" name="upstring">
Но после того, как markitup был применен, они всегда изменяются на 18 рядов. Зачем?
Я проверил строки с Firebug и его неизменным (все еще 5 или 100), поэтому изменение, которое не поможет.
Так как у меня много текстов, я хочу сделать небольшие правки, поэтому я не делаю, с чего начать, с маленькой или большой площади, так как я уже знаю подходящий размер.
Пожалуйста, помогите
2 ответа
Решение
После некоторой игры, чтобы понять вещи, я создал следующий код для решения моей проблемы:
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]
});
Правила CSS обычно переопределяют атрибуты row и cols, поэтому вместо того, чтобы полагаться на них, попробуйте изменить размер текстовых полей с помощью css 'height' и 'width.