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

后端返回数据中的换行符,在标签中不显示换行的解决方案

程序员文章站 2022-07-13 17:22:37
...

后端返回的的数据

在Chrome浏览器上
后端返回数据中的换行符,在标签中不显示换行的解决方案
页面显示:
后端返回数据中的换行符,在标签中不显示换行的解决方案
如果使用

let text = "后端返回字符串"
text.replace(/\n/g,"<br/>")

并不会使前端内容换行,只是字符串里面的回车替换成了<br/>

处理方法:

给标签添加css样式:white-space: pre-wrap; 或使用<pre></pre>标签 即可达到换行目的