微信小程序文字显示换行问题
更新时间：2019年07月28日 09:15:50 作者：倚栏听风
这篇文章主要介绍了微信小程序文字显示换行问题，文中给出了解决方案,需要的朋友可以参考下
小程序文字显示换行
问题
用户在上传图文时，输入换行符。导致我在拿到数据后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;
总结
以上所述是小编给大家介绍的微信小程序文字显示换行问题,希望对大家有所帮助，如果大家有任何疑问请给我留言，小编会及时回复大家的。在此也非常感谢大家对脚本之家网站的支持！
如果你觉得本文对你有帮助，欢迎转载，烦请注明出处，谢谢！
相关文章
想做一个链接点击后不做任何事情，方法有很多，不过不利于用户体验，javascript:void(0)可以有效解决这个问题2014-04-04
这篇文章主要为大家介绍了SharedWorker 多页面相互通信示例详解，有需要的朋友可以借鉴参考下，希望能够有所帮助，祝大家多多进步，早日升职加薪2022-12-12
本文给大家分享uniapp中引入mqtt的全过程，在uniapp项目根目录下分别运行安装mqtt和uuid的命令行，因为后面会用uuid生成mqtt的clientId，文中给大家介绍mqtt和uuid安装过程，感兴趣的朋友跟随小编一起学习下吧2021-05-05
这篇文章主要介绍Javascript将双字节字符转换成单字节字符并计算长度的方法,简单实用,需要的朋友可以参考下。2016-06-06
这篇文章主要介绍了js实现树形数据转成扁平数据的方法示例，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧2020-02-02
JavaScript快速排序...2007-01-01
Ajax，UTF-8还是GB2312 eval 还是execScript
讨厌的东西。 关于Ajax获取HTML内容编码，与JavaScript载入脚本的动态执行问题。2008-11-11
这篇文章主要介绍了javascript折半查找详解的相关资料,需要的朋友可以参考下2015-01-01
dom是Document Object Model的缩写,即文档对象模型,是基于文档编程的一套API接口,下面这篇文章主要给大家介绍了关于JavaScript DOM API的使用教程及综合案例的相关资料,需要的朋友可以参考下2023-03-03
JavaScript的变量中包含两种类型的值：基本类型值 和 引用类型值，这篇文章主要介绍了JS中实现浅拷贝和深拷贝,需要的朋友可以参考下2019-06-06
最新评论