小工具知识网

当前位置: 首页 > 行业知识 > 4种前端处理文本换行展示

行业知识

4种前端处理文本换行展示

2026-11-04 07:09:09 来源:互联网转载

序:

后端传递了一大段包含了回车符的文本内容,前端展示的时候所有文字堆在一起,没有换行展示。以下方法中content为后端返回的文本内容

方法一:

“↵”符号在html中会识别别为\r,\n等转义字符,所以我们可以使用\r\n去替换(.replace(/(\r\n|\n|\r)/gm, ’'))
存在英文****不显示

 

方法二:

使用

标签, 它会自动识别和处理后台返回的换行符号
{  {content }}

方法三:

white-space样式



上一篇:five的美式发音怎么读?

下一篇:独立站怎么做网站?