超过字符限制时自动扩展文本区域 - jQuery textpandable.js

超过字符限制时自动扩展文本区域 - jQuery textpandable.js

版本:

浏览量:959

最后更新:2021-09-06

应用标签:gitMAC 软件Jquery插件

推荐指数:

详细信息

一个简单且可配置的 jQuery 扩展文本区域插件,当文本区域的内容超过一定数量的字符时,它会自动向文本区域插入新行。

如何使用它:

1.textpandable.js加载最新的jQuery库后插入JavaScript

<script src="/path/to/cdn/jquery.min.js"></script>
<script src="/path/to/textpandable.js"></script>

2. 在目标 textarea 元素上初始化插件并完成。

<textarea></textarea>
$(function(){
  $('textarea').textpandable();
});

3. 设置最小/最大行数。-1 表示无穷大。

$('textarea').textpandable({
  minRows: 1,
  maxRows: -1,
});

4. 设置一行中允许的最大字符数。当超过此限制时,插件将向 textarea 添加新行。默认值:20。

$('textarea').textpandable({
  width: 10
});

5. 设置 textarea 的 padding 和 line-height 属性。

$('textarea').textpandable({
  padding : 1,
  lineHeight: "1.4em",
});

6. 展开和折叠时对 textarea 应用平滑过渡。默认值:0(禁用)。

$('textarea').textpandable({
  speed: 200,
  initSpeed: -1,
});
联系我们
付费复制 免费复制 付费复制
付费后30天内不限量复制

价格:元

支付宝支付
联系客服
扫一扫,支付¥

正在加载二维码...

支付完成后,请等待10秒左右,请勿关闭此页

发表评论

◎欢迎参与讨论,请在这里发表您的看法、交流您的观点。