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