jQuery MiniUI

 找回密码
 立即注册
查看: 4642|回复: 1
打印 上一主题 下一主题

textarea如何实现高度自适应,显示出所有内容 [复制链接]

Rank: 8Rank: 8

楼主
发表于 2017-10-11 18:58:46 |显示全部楼层
只能设置具体的尺寸,不能自适应内容。

Rank: 8Rank: 8

沙发
发表于 2018-10-22 13:32:57 |显示全部楼层
本帖最后由 felt 于 2018-10-22 13:35 编辑
haohao 发表于 2018-10-22 09:13
用div怎么实现?我也碰到了同样的问题,textarea录入时,能自动撑开。但是页面显示时显示不全 ...

可以放一个偏移看不见的div来放textaea内容,计算出高度,再赋值给textarea来计算原本的高度,
<div id="t1" class="mini-textarea" style="width:300px;height:100%">
      
</div>
<div id="d1" style="display:none;width:300px;height:auto;word-break:break-all;padding:1px;letter-spacing:1px;position:absolute;left:-1000px">

</div>

  mini.parse();
    var t1 = mini.get("t1");
    t1.on("blur", function (e) {
        var value = e.sender.getInputText();
        if (value) {
            $("#d1").show();
            $("#d1").text(value);
                var height = $("#d1").height();
                t1.setHeight(height);
                $("#d1").hide();
         
        }
    })

Archiver|普加软件

GMT+8, 2024-5-3 10:32 , Processed in 1.046631 second(s), 9 queries .

Powered by Discuz! X2

© 2001-2011 Comsenz Inc.

回顶部