ajax 返回的數據有換行符,前端如何展現出來?

後端返回的數據以下html

"我家孩子在SayABC小班課↵跟小夥伴們一塊兒互幫互助,↵合做競爭,學習更加有動力!💪↵從簡單的單詞到句型和場景對話,↵孩子愈來愈勇於開口說英語啦![耶]↵掃碼當即領取外教課[愛心]↵讓孩子從小與世界接軌~"後端

‘↵’是回車符'/n',這段內容是經過textarea人爲編輯,提交給後端保存的。編輯框中能夠識別的字符,在普通的標籤裏面沒辦法識別到,因此要轉換成能夠識別的<br/>學習

string.replace(/(\r\n|\n|\r)/gm, "<br />")spa

而後再用v-html=轉換以後的string,就能夠正常展現換行了htm

第二種方法是用 <pre></pre>標籤,<pre> 標籤的一個常見應用就是用來表示計算機的源代碼。能夠識別字符串中的‘/n’,‘/r/n’, 製表符,空格...字符串

第三種方法是用<textarea></textarea>展現,這樣那邊編輯的什麼,這邊就會顯示什麼string

相關文章
相關標籤/搜索