textarea换行与空格相关操作

最新推荐文章于 2021-06-10 17:01:35 发布

HaiPaner

最新推荐文章于 2021-06-10 17:01:35 发布

阅读量1.1k

点赞数

分类专栏： html 文章标签： html

本文链接：https://blog.csdn.net/HaiPaner/article/details/21328787

版权

本文介绍了textarea中输入的换行和空格在保存至数据库并展示在HTML页面时失效的问题。原因在于textarea使用' '表示换行，' '表示空格，而HTML则需要使用' '和' '。解决方法是保存前替换换行符和空格符，展示时再进行转换。示例代码提供了相关操作的方法。

摘要由CSDN通过智能技术生成

在textarea中编辑的内容含换行与空格,保存到数据库后,在html中展现时没有换行和空格,出现这样的原因是

1.textarea中换行为"\n",空格为" ";

2.html中换行为" ",空格为"&nbsp";

这样在存入数据库前需要将所有" "替换成&nbsp,所有"\n"替换成 ,反过来再在textarea中再展现时要把"&nbsp"转换成" ", 转换成"\n";

示例代码如下:

   1.在存储到数据库前,java后台代码执行替换后再保存:
	 request.getParameter("ApproveContent").replaceAll(" ","&nbsp").replaceAll("\n","<br/>");

   2.JS中增加replaceAll方法:  
        String.prototype.replaceAll = function(s1,s2){    
	  return this.replace(new RegExp(s1,"gm"),s2);    
	}
     如需再次在textarea中展现,需替换操作:
        array[0][0].replaceAll("&nbsp"," ").replaceAll("<br/>","\n");