ToB企服应用市场:ToB评测及商务社交产业平台

标题: 4种前端处置惩罚文本换行展示 [打印本页]

作者: 东湖之滨 时间: 2024-7-28 20:56
标题: 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样式
[code][/code]
免责声明：如果侵犯了您的权益，请联系站长，我们会及时删除侵权内容，谢谢合作！更多信息从访问主页：qidao123.com:ToB企服之家，中国第一个企服评测及商务社交产业平台。

欢迎光临 ToB企服应用市场:ToB评测及商务社交产业平台 (https://dis.qidao123.com/)