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


后端返回的數據如下

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

‘↵’是回車符'/n',這段內容是通過textarea人為編輯,提交給后端保存的。編輯框中可以識別的字符,在普通的標簽里面沒辦法識別到,所以要轉換成可以識別的<br/>

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

然后再用v-html=轉換之后的string,就可以正常展示換行了

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

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


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM