让 textarea 自动增长高度的 JQuery 插件。

AutoTextarea

需求

现在很多人喜欢用 textarea 来替代原来的富文本编辑器做文本输入。

但是 textarea 的功能比较弱,例如随着输入的文本来自动适应高度就是一个有用的功能。

所以,在网上找了个 textarea 自动适应高度的代码改改,并做成 JQuery 插件,有了现在这个版本。

用法

1.引入 JQuery 和 autotextarea。

<script src="jquery-1.11.1.min.js"></script>
<script src="autotextarea.js"></script>

2.给想要自动适应高度的 textarea 添加选择器。

<textarea id="textareaid"></textarea>

3.运行插件。

<script type="text/javascript">
    $(function(){
        $("#textareaid").autotextarea({
            min: 100,   // 最小高度 单位:px
            max: 150,   // 最大高度 单位:px
            bottomMargin: 20    // 下方剩余 单位:px
        });
    });
</script>

autotextarea 方法的参数默认值都为 -1,可以不输入。

输入 -1,则代表该参数无效。

TODO

以后找到合适的功能再添加。