序:
后端传递了一大段包含了回车符的文本内容,前端展示的时候所有文字堆在一起,没有换行展示。以下方法中content为后端返回的文本内容
方法一:
“↵”符号在html中会识别别为\r,\n等转义字符,所以我们可以使用\r\n去替换(.replace(/(\r\n|\n|\r)/gm, ’< br />'))
存在英文**<>**不显示
方法二:
使用
标签, 它会自动识别和处理后台返回的换行符号
{ {content }}
方法三:
white-space样式
后端传递了一大段包含了回车符的文本内容,前端展示的时候所有文字堆在一起,没有换行展示。以下方法中content为后端返回的文本内容
“↵”符号在html中会识别别为\r,\n等转义字符,所以我们可以使用\r\n去替换(.replace(/(\r\n|\n|\r)/gm, ’< br />'))
存在英文**<>**不显示
使用
标签, 它会自动识别和处理后台返回的换行符号
{ {content }}
white-space样式
转载请注明来自码农世界,本文标题:《4种前端处理文本换行展示》
还没有评论,来说两句吧...