PHP笔记网

革命尚未成功,同志仍须努力下载JDK17

作者:Albert.Wen  添加时间:2012-10-10 17:24:39  修改时间:2024-12-12 13:47:16  分类:05.前端/Vue/Node.js  编辑
把数据库中的描述字段内容显示在页面上,会发现敲入的空格、HTML实体、换行符等元素不能正常显示,HTML实体、换行还好,可以用PHP函数htmlspecialchars ()、nl2br()来解决,但空格显示不出来,把空格替换成“ ”吧,也显示不理想,

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