欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页

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

程序员文章站 2024-03-11 11:58:37
...

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

 

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

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

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

 

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

 

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

页面输入内容:


解决带换行符的字段在web页面无法换行的问题
 
 点击确定后,控制台的内容:

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

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

 

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

 

<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>

 显示结果:
解决带换行符的字段在web页面无法换行的问题

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

 

 

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

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

 

后台代码:

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

页面效果:


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

相关标签: Web HTML