微信小程序文字顯示換行問題

這篇文章主要介紹了微信小程序文字顯示換行問題，文中給出瞭解決方案,需要的朋友可以參考下

小程序文字顯示換行

問題

用戶在上傳圖文時，輸入換行符。導致我在拿到數據後JSON.parse的時候報錯。

大概這樣的結構：

[{
  text:'落魄前端

在線炒粉！！！' ,
  url:''
},{
  text:'' ,
  url:'xxx.jpg',
}]

 解決

在拿到數據時先進行正則匹配處理，將換行替換爲\n

data.replace(/\n/g,'\\n')

然後在進行JOSN.parse就無問題啦。

還要注意的是要使用 text 標籤輸出纔會有換行顯示喔。

ps：下面看下微信小程序文字超出自動換行

text-overflow:ellipsis;
word-wrap:break-word;

總結

以上所述是小編給大家介紹的微信小程序文字顯示換行問題,希望對大家有所幫助，如果大家有任何疑問請給我留言，小編會及時回覆大家的。在此也非常感謝大家對神馬文庫網站的支持！
如果你覺得本文對你有幫助，歡迎轉載，煩請註明出處，謝謝！