服务端返回回车符号,html无法换行

在 系统后台 的 textarea 中输入回车并提交会发现,服务端传给前端的数据是这样的字符串:


如果我们直接将这个内容显示在 html 页面上,那么文字是不会像输入时的那样换行的。

所以第一反应就是换成br啦,但是当我把这个符号复制到我的正则中时却无法识别。问了一下才知道textarea内容中的换行是用 \n 或 \r\n 表示(取决于浏览器和操作系统)。

此时换行显示正常

同样的,在 textarea 中连续敲多个空格,这些内容如果直接显示在 html 页面就会变成一个空格。为了正确显示,我们需要将内容做个转换。

#####更新

更简单的方法:

1、使用pre标签

2、css设置元素属性:white-space:pre-wrap

你可能感兴趣的:(服务端返回回车符号,html无法换行)