东湖之滨 发表于 2024-7-28 20:56:27

4种前端处置惩罚文本换行展示

序:

后端通报了一大段包罗了回车符的文本内容,前端展示的时间全部文字堆在一起,没有换行展示。以下方法中content为后端返回的文本内容
方法一:

“↵”符号在html中会识别别为\r,\n等转义字符,以是我们可以利用\r\n去更换(.replace(/(\r\n|\n|\r)/gm, ’< br />'))
存在英文**<>**不表现
<div v-html="content.replace(/(\r\n|\n|\r)/gm, '<br />')"></div>
方法二:

利用
标签, 它会自动识别和处理后台返回的换行符号
<pre>{
{content }}</pre>
方法三:

white-space样式

免责声明:如果侵犯了您的权益,请联系站长,我们会及时删除侵权内容,谢谢合作!更多信息从访问主页:qidao123.com:ToB企服之家,中国第一个企服评测及商务社交产业平台。
页: [1]
查看完整版本: 4种前端处置惩罚文本换行展示