在日常的开发中,我们经常会遇到需要在textarea中输入文本,然后在前台显示的情况,但是很多时候在后台编辑的换行,在前台中并不能显示,用富文本编辑器似乎又太麻烦,所以今天介绍一种简单的办法
其实产生这个问题的原因很简单:
在textarea中输入换行时,换行符是 \n
在HTML页面中,换行符是 <br/>
所以我们解决这个问题的思路也很简单,就是在前台页面中,将\n
转换成<br/>
即可
代码如下:
<!-- 前台显示控件 -->
<article id="articleDetail"> </article>
//将输入的展陈描述换行显示
$(function(){
var temp= $("#articleDetail").text().replace(/\n/g,'<br/>');
$("#articleDetail").html(temp);
});
如此一来,我们就可以实现文本框输入的换行了,当然对于有更高编辑需求的用户,我们还是需要使用富文本编辑器,但是对于简单的记录功能来说,textarea已经够用了