柚子快報激活碼778899分享:4種前端處理文本換行展示
Homedepot家居專家綜合2025-05-05520
柚子快報激活碼778899分享:4種前端處理文本換行展示
序:
后端傳遞了一大段包含了回車符的文本內(nèi)容,前端展示的時候所有文字堆在一起,沒有換行展示。以下方法中content為后端返回的文本內(nèi)容
方法一:
“?”符號在html中會識別別為\r,\n等轉(zhuǎn)義字符,所以我們可以使用\r\n去替換(.replace(/(\r\n|\n|\r)/gm, ’< br />')) 存在英文**<>**不顯示
方法二:
使用
標簽, 它會自動識別和處理后臺返回的換行符號
{{content }}
方法三:
white-space樣式
柚子快報激活碼778899分享:4種前端處理文本換行展示
參考文章
評論可見,查看隱藏內(nèi)容
大家都在看:
本文內(nèi)容根據(jù)網(wǎng)絡資料整理,出于傳遞更多信息之目的,不代表金鑰匙跨境贊同其觀點和立場。
轉(zhuǎn)載請注明,如有侵權(quán),聯(lián)系刪除。