markitup 更改文本区域的显式设置大小？

发布于 2024-08-07 17:17:25 字数 390 浏览 9 评论 0原文

我将几个不同大小的文本区域设置为：

<textarea class="markItUp" rows="5" cols="80" name="upstring">

或

<textarea class="markItUp" rows="100" cols="80" name="upstring">

但是在应用标记后，它们总是调整为 18 行。为什么？

我已经用 firebug 检查了行，它没有变化（仍然是 5 或 100），所以改变它不会有帮助。

由于我有很多文本，我想做一些小的编辑，所以我不知道要从太小或太大的区域开始，因为我已经知道合适的大小。

请帮忙

原文

I set up several textarea's with diffrent sizes as:

<textarea class="markItUp" rows="5" cols="80" name="upstring">

<textarea class="markItUp" rows="100" cols="80" name="upstring">

But after the markitup has been applied they are always resized to 18 rows. Why?

I have checked rows with firebug and its unchanged (still 5 or 100) so changing that wont help.

Since I have lots of texts I want to do small edits to I do not what to have a to small or to big area to start with since I already know the appropriate size.

Pleas help

分享到QQ

分享到微博

如果你对这篇内容有疑问，欢迎到本站社区发帖提问参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。

发布评论

需要登录才能够评论，你可以免费注册一个本站的账号。

瑾兮 2024-08-14 17:17:25

经过一番尝试来理解事情后，我生成了以下代码来解决我的问题：

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]
});

After some playing around to understand things I produced the following code to solve my problem:

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]
});

回复收藏 0 原文