突然发现,textarea可以显示用户输入原生的元素。用一段js代码控制其高度即可,相关代码如下:
样式:
<style type="text/css"> .textarea{width:300px;border:0px;background:none;} </style>
模板数据绑定:
<textarea class='textarea'> <!--{$row['description']}--> </textarea>
js代码:
<script type="text/javascript"> /** 让textarea 自适应高度 */ $(".textarea").each(function(){ $(this).css("height",$(this).attr("scrollHeight")); }); </script>