最近在做小程序的时候遇到了问题,在后台textarea内写的换行在前台无法呈现。我最初想的办法是使用正则去寻找\n符号替换,但发现不太好用,似乎无法识别,然后我使用split以\n来分割则成功了。
先使用split以换行符号分割成数组,再把数组用<br>连接成新字符串即可完成换行。
(不过原生小程序开发工具里没有<br>,用<view></view>连接我觉得可以试试)
newStr=str.split('\n').join('<br>');
然后把新字符串以html模式解析即可:
Vue.js:
<div v-html="newStr"></div>
jQuery:
el.html(newStr);
js:
el.innerHTML=newStr;