微信小程序文字顯示換行問題
更新時(shí)間：2019年07月28日 09:15:50 作者：倚欄聽風(fēng)
這篇文章主要介紹了微信小程序文字顯示換行問題，文中給出了解決方案,需要的朋友可以參考下
小程序文字顯示換行
問題
用戶在上傳圖文時(shí)，輸入換行符。導(dǎo)致我在拿到數(shù)據(jù)后JSON.parse的時(shí)候報(bào)錯(cuò)。
大概這樣的結(jié)構(gòu)：
[{
text:'落魄前端
在線炒粉?。?！' ,
url:''
},{
text:'' ,
url:'xxx.jpg',
}]
解決
在拿到數(shù)據(jù)時(shí)先進(jìn)行正則匹配處理，將換行替換為\n
data.replace(/\n/g,'\\n')
然后在進(jìn)行JOSN.parse就無問題啦。
還要注意的是要使用 text 標(biāo)簽輸出才會(huì)有換行顯示喔。
ps：下面看下微信小程序文字超出自動(dòng)換行
text-overflow:ellipsis; word-wrap:break-word;
總結(jié)
以上所述是小編給大家介紹的微信小程序文字顯示換行問題,希望對(duì)大家有所幫助，如果大家有任何疑問請(qǐng)給我留言，小編會(huì)及時(shí)回復(fù)大家的。在此也非常感謝大家對(duì)腳本之家網(wǎng)站的支持！
如果你覺得本文對(duì)你有幫助，歡迎轉(zhuǎn)載，煩請(qǐng)注明出處，謝謝！
相關(guān)文章
這個(gè)是我在網(wǎng)上找的資料，具體的出處，我已經(jīng)記不清楚了，覺得很不錯(cuò)，就和大家分享了2010-01-01
javascript制作坦克大戰(zhàn)全紀(jì)錄（1）
本文寫作的目的是鞏固一下自己最近學(xué)習(xí)的js知識(shí), 這個(gè)教程適合熟悉js基本語法和面向?qū)ο笳Z法的小伙伴學(xué)習(xí)。由于自己也是剛學(xué)js不久，所以難免出現(xiàn)錯(cuò)誤。如果發(fā)現(xiàn)希望給予指正。2014-11-11
javascript實(shí)現(xiàn)最長(zhǎng)公共子序列實(shí)例代碼
最長(zhǎng)公共子序列（longest common sequence）和最長(zhǎng)公共子串（longest common substring）不是一回事兒，下面這篇文章主要給大家介紹了關(guān)于javascript實(shí)現(xiàn)最長(zhǎng)公共子序列的相關(guān)資料，需要的朋友可以參考下。2018-02-02
可多次使用的仿126郵箱選項(xiàng)卡的源碼...2007-10-10
js實(shí)現(xiàn)超簡(jiǎn)單的展開、折疊目錄代碼
這篇文章主要介紹了js實(shí)現(xiàn)超簡(jiǎn)單的展開、折疊目錄代碼,通過javascript操作鼠標(biāo)點(diǎn)擊事件控制頁(yè)面元素樣式的動(dòng)態(tài)改變實(shí)現(xiàn)該功能,非常簡(jiǎn)單實(shí)用,需要的朋友可以參考下2015-08-08
這篇文章主要介紹了JavaScript中嚴(yán)格判斷NaN的方法，非常不錯(cuò)，具有參考借鑒價(jià)值 ,需要的朋友可以參考下2018-02-02
解決layui中的form表單與button的點(diǎn)擊事件沖突問題
今天小編就為大家分享一篇解決layui中的form表單與button的點(diǎn)擊事件沖突問題，具有很好的參考價(jià)值，希望對(duì)大家有所幫助。一起跟隨小編過來看看吧2018-08-08
使用Mock.js生成前端測(cè)試數(shù)據(jù)
這篇文章主要介紹了使用Mock.js生成前端測(cè)試數(shù)據(jù)，文中通過示例代碼介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值，需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧2020-12-12
js 輸出內(nèi)容到新窗口具體實(shí)現(xiàn)代碼
js 輸出內(nèi)容一般都是在本窗口，如果要實(shí)現(xiàn)在新窗口的話該如何實(shí)現(xiàn)呢？下面與大家分享具體的代碼2013-05-05
JavaScript實(shí)現(xiàn)為input與textarea自定義hover,focus效果的方法
這篇文章主要介紹了JavaScript實(shí)現(xiàn)為input與textarea自定義hover,focus效果的方法,可實(shí)現(xiàn)根據(jù)鼠標(biāo)事件動(dòng)態(tài)改變input與textarea樣式的功能,具有一定參考借鑒價(jià)值,需要的朋友可以參考下2015-08-08