例如："我家孩子在SayABC小班課↵跟小伙伴們一起互幫互助，↵合作競(jìng)爭(zhēng)，學(xué)習(xí)更加有動(dòng)力！↵從簡(jiǎn)單的單詞到句型和場(chǎng)景對(duì)話(huà)，↵孩子越來(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ī)的源代碼。可以識(shí)別字符串中的‘/n’，‘/r/n’, 制表符，空格...

方法3

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

以上就是本文的全部?jī)?nèi)容，希望對(duì)大家的學(xué)習(xí)有所幫助，也希望大家多多支持腳本之家。