详细信息
一个简单且可配置的 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,
});
发表评论
◎欢迎参与讨论,请在这里发表您的看法、交流您的观点。