Markitupは、Textareaの明示的に設定されたサイズを変更しますか?

StackOverflow https://stackoverflow.com/questions/1587751

  •  22-09-2019
  •  | 
  •  

質問

さまざまなサイズでいくつかの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の「高さ」と「幅」でテキストをサイズ化してみてください。

ライセンス: CC-BY-SA帰属
所属していません StackOverflow
scroll top