关于文本域的换行问题

 今天在做项目的时候遇到了一个问题，就是关于textarea里的换行问题。

其实textarea里的换行符\n是一直存在的，包括从获取值到传递值再到存储在数据库中，只不过当我们把其显示在<div>等标签中的时候，这个换行符就会被空格所代替，造成换行丢失的错觉。其实，当我们把这些值重新放到textarea里时，我们就会发现，这些值还是保持着我们提交时的换行状态。

 

解决办法：

一：提交的时候，可以用

     

1 <textarea name="lala" id="lala"></textarea>
2 <scirpt type="text/javascript">
3     var lala = document.getElementById('lala').value;
4     lala = lala.replace(/\n/g,"<br/>");
5 </scirpt>

 

 

     这种方式来将换行符换成<br/>换行标签。但是当我们把这些值重新放回textarea中时，我们不得不在php端再做一次替换

 

     <?php echo str_replace("<br/>","\n",$a);?>（这里注意，必须是双引号！）

     

二：一位大牛告诉我的办法，就是不用上面那么麻烦的做法，直接在网页中用个<pre><pre/>标签，或者在样式中给一个css样式 white-space: pre;也会有同样的效果哦。

来源：https://www.cnblogs.com/grotian/archive/2013/05/08/3066861.html