Markitupは、Textareaの明示的に設定されたサイズを変更しますか?
質問
さまざまなサイズでいくつかのTextareaをセットアップしました。
<textarea class="markItUp" rows="5" cols="80" name="upstring">
また
<textarea class="markItUp" rows="100" cols="80" name="upstring">
しかし、Markitupが適用された後、それらは常に18行にサイズ変更されます。なんで?
Firebugとその変更されていない(まだ5または100)行で行をチェックしました。
私はたくさんのテキストを持っているので、私は既に適切なサイズを知っているので、私は小さな編集をやりたいと思っています。
嘆願の助け
解決
物事を理解するために遊んだ後、私は自分の問題を解決するために次のコードを作成しました。
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ルールは通常、行とcolS属性をオーバーライドするため、それらに依存するのではなく、CSSの「高さ」と「幅」でテキストをサイズ化してみてください。
所属していません StackOverflow