例如:"我家孩子在SayABC小班課↵跟小伙伴們一起互幫互助,↵合作競爭,學習更加有動力!↵從簡單的單詞到句型和場景對話,↵孩子越來越敢于開口說英語啦![耶]↵掃碼立即領取外教課[愛心]↵讓孩子從小與世界接軌~"
需要轉為才能被html識別,并且換行??梢赃@樣做。
‘↵’是回車符'/n',這段內容是通過textarea人為編輯,提交給后端保存的。編輯框中可以識別的字符,在普通的標簽里面沒辦法識別到,所以要轉換成可以識別的<br/>
方法1
string.replace(/(rn|n|r)/gm, "
")
然后再用v-html=轉換之后的string,就可以正常展示換行了
方法2
第二種方法是用 <pre></pre>標簽,<pre> 標簽的一個常見應用就是用來表示計算機的源代碼??梢宰R別字符串中的‘/n’,‘/r/n’, 制表符,空格...
方法3
第三種方法是用<textarea></textarea>展示,這樣那邊編輯的什么,這邊就會顯示什么
以上就是本文的全部內容,希望對大家的學習有所幫助,也希望大家多多支持腳本之家。