小程序文字顯示換行

創新互聯于2013年開始，公司自成立以來始終致力于為企業提供官網建設、移動互聯網業務開發（微信小程序、手機網站建設、成都App定制開發等），并且包含互聯網基礎服務（域名、主機服務、企業郵箱、網絡營銷等）應用服務；以先進完善的建站體系及不斷開拓創新的精神理念，幫助企業客戶實現互聯網業務，嚴格把控項目進度與質量監控加上過硬的技術實力獲得客戶的一致贊譽。

問題

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

大概這樣的結構：

[{
  text:'落魄前端

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

 解決

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

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

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

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

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

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

總結

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