textarea中的内容保存与显示时换行符的处理方法

一、基本知识

textarea中，换行符是/r/n，而html中换行符是<br/>。

如果要把textarea中填写的内容显示在页面上，需要在最终显示到页面上时将/r/n替换成<br/>。

如果在保存时将包含<br/>的内容直接保存到数据库中，显示到页面上会很方便，可直接放置；但是要再回显到textarea，则要把<br/>再换回/r/n。

二、两种textarea内容的保存方式

如果是<form:textarea>，提交form，换行符会保存到数据库中，可直接回显到textarea中。

如果是通过ajax保存，则需要在提交前、显示前分别替换换行符。

三、保存时处理

replace(/\r\n/g,'<br/>').replace(/\n/g,'<br/>').replace(/\s/g,' ');

四、显示时处理

replace(/<br\/>/g,'\r\n');

五、后台处理

如果要在后台使用数据库中的内容，并且内容包括了换行符<br/>，则要在使用处进行替换。

.replaceAll("<br/>", " ")

六、其他方式

网上有说可以通过设置样式达到同样的效果，本人未尝试。

textarea中的内容保存与显示时换行符的处理方法相关推荐

transformers库中使用DataParallel保存模型参数时遇到的问题记录
pytorch中使用DataParallel保存模型参数时遇到的问题记录之前使用Transformers库中的Bert模型在自己的文本分类任务上使用Transformers库里的Trainer方式进 ...
把DataGrid中的内容以Excel显示
客户端脚本 <TABLE id="Table1" style="Z-INDEX: 102; LEFT: 16px; WIDTH: 288px; POSITION: ...
Java中从指定文本文件中读取内容，并显示到屏幕上。
[问题描述]从指定文本文件test.txt中读取内容,并显示到屏幕上. [输入形式]当前目录下的文本文件 test.txt ,内容可能如下: 在完成这个问题的过程中学到了很多,比如相对路径与绝对路径的 ...
HTML textarea中的内容如何换行？
在textarea中不支持HTML标签. 不能使用标签进行换行. 也不能使用\r\n这样的转义字符. 要使Textarea中的内容换行,可以使用或者来进行换行. 表示回车符:表示换行符: 效果如下
css内容过长显示省略号的几种解决方法
css内容过长显示省略号的几种解决方法参考文章: (1)css内容过长显示省略号的几种解决方法 (2)https://www.cnblogs.com/sinceForever/p/11350332. ...
在uni-app的textarea中输入纯数字或者英文不换行的问题
在uni-app的textarea中输入纯数字或者英文不换行的问题在工作中遇到的小问题,使用uni-app的textarea,输入了一串纯数字不换行. 解决办法: 在样式中加 word-break: ...
textarea赋值时换行符无效的解决方法
textarea赋值时换行符无效的解决方法参考文章: (1)textarea赋值时换行符无效的解决方法 (2)https://www.cnblogs.com/liuzhibin/p/9345632. ...
linux下不显示光驱,Windows7电脑下不显示光驱盘符的解决方法
众所周知,光驱是在台式机和笔记本便携式电脑里比较常见的一个部件,经常会在windows7系统使用,而在使用过程中,想必有很多人有遇到过电脑不显示光驱盘符的问题吧,如果遇到这样的问题要如何处理呢?下面, ...
台式机计算机里面不显示光驱盘符,Windows7电脑下不显示光驱盘符的解决方法
众所周知,光驱是在台式机和笔记本便携式电脑里比较常见的一个部件,经常会在windows7系统使用,而在使用过程中,想必有很多人有遇到过电脑不显示光驱盘符的问题吧,如果遇到这样的问题要如何处理呢?下面, ...