本文介绍了一种利用Textarea元素结合JavaScript来自适应调整高度的方法，以此实现在网页上完美展示数据库中包含特殊字符如HTML实体、换行符及空格等内容的技术方案。
转载于：http://www.qianyunlai.com/blog/396.html
把数据库中的描述字段内容显示在页面上，会发现敲入的空格、HTML实体、换行符等元素不能正常显示，HTML实体、换行还好，可以用PHP函数htmlspecialchars ()、nl2br()来解决，但空格显示不出来，把空格替换成“ ”吧，也显示不理想，
突然发现，textarea可以显示用户输入原生的元素。用一段js代码控制其高度即可，相关代码如下：
样式：
1 | <style type="text/css"> |
2 | .textarea{width:300px;border:0px;background:none;} |
3 | </style> |
模板数据绑定：
1 | <textarea class='textarea'> |
2 | <!--{$row['description']}--> |
3 | </textarea> |
js代码：
1 | <script type="text/javascript"> |
2 | /** 让textarea 自适应高度 */ |
3 | $(".textarea").each(function(){ |
4 | $(this).css("height",$(this).attr("scrollHeight")); |
5 | }); |
6 | </script> |
扫一扫
242
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
