解决带换行符的字段在web页面无法换行的有关问题

解决带换行符的字段在web页面无法换行的问题

在BS项目，有时候大家可能遇到这样的问题：在textarea中输入一堆内容，里面难免会有一些回车换行，保存成功后到详细页面去查看刚才输入的内容，你会发现那些本该换行的地方并未换行。今天研究了一下，把这个小问题解决了。

 

很简单：在HTML中使用<PRE>标签即可，比如下面代码

<PRE>
这是神马
有木有
我勒个去
加了个油
<PRE>

 最后这四句话会换行显示，当然<PRE>中也可以嵌入java代码显示。

 

推荐使用上面的方法，下面这个方法是一年前的解决方案，绕了很多弯路。

 

首先来看，我们在页面输入换行的信息，点击提交后在控制台打印刚才输入的信息是什么样子的：

页面输入内容：

 
 点击确定后，控制台的内容：

从上面可以看到，在前台输入的回车换行到后台还是很好的保存了。

 

然后我们再到详细页面，获取刚才输入的内容，看下有什么问题：

 

<table>
	<tr>
		<td class="infoname bo p14" style="width:9em;" valign="top">公司简介：</td>
		<td style="font-size: 12">${requestScope.infoMemberDetailDto.corporation.t811}</td>
	</tr>
</table>

 显示结果：

可以看到，页面时没有对这些字段进行换行处理的。

 

 

分析原因：我们知道html的换行标签是<br>，而在java中换行符是/r/n。也就是说：在textarea中输入回车换行再存入数据库时，这些回车换行符是以/r/n的形式存入数据库的，取出来也同样，但是到页面时html是无法将/r/n当换行处理的。

解决方法：在后台从数据库取出数据的时候将/r/n转换成<br/>即可

 

后台代码：

infoMemberDetailDto.getCorporation().setT811(infoMemberDetailDto.getCorporation().getT811().replace("\r\n", "<br/>"));

页面效果：