突然发现,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>