微信小程序文字显示换行问题
更新时间：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;
总结
以上所述是小编给大家介绍的微信小程序文字显示换行问题,希望对大家有所帮助，如果大家有任何疑问请给我留言，小编会及时回复大家的。在此也非常感谢大家对脚本之家网站的支持！
如果你觉得本文对你有帮助，欢迎转载，烦请注明出处，谢谢！
相关文章
这个是我在网上找的资料，具体的出处，我已经记不清楚了，觉得很不错，就和大家分享了2010-01-01
本文写作的目的是巩固一下自己最近学习的js知识, 这个教程适合熟悉js基本语法和面向对象语法的小伙伴学习。由于自己也是刚学js不久，所以难免出现错误。如果发现希望给予指正。2014-11-11
最长公共子序列（longest common sequence）和最长公共子串（longest common substring）不是一回事儿，下面这篇文章主要给大家介绍了关于javascript实现最长公共子序列的相关资料，需要的朋友可以参考下。2018-02-02
可多次使用的仿126邮箱选项卡的源码...2007-10-10
这篇文章主要介绍了js实现超简单的展开、折叠目录代码,通过javascript操作鼠标点击事件控制页面元素样式的动态改变实现该功能,非常简单实用,需要的朋友可以参考下2015-08-08
这篇文章主要介绍了JavaScript中严格判断NaN的方法，非常不错，具有参考借鉴价值 ,需要的朋友可以参考下2018-02-02
解决layui中的form表单与button的点击事件冲突问题
今天小编就为大家分享一篇解决layui中的form表单与button的点击事件冲突问题，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧2018-08-08
这篇文章主要介绍了使用Mock.js生成前端测试数据，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧2020-12-12
js 输出内容一般都是在本窗口，如果要实现在新窗口的话该如何实现呢？下面与大家分享具体的代码2013-05-05
JavaScript实现为input与textarea自定义hover,focus效果的方法
这篇文章主要介绍了JavaScript实现为input与textarea自定义hover,focus效果的方法,可实现根据鼠标事件动态改变input与textarea样式的功能,具有一定参考借鉴价值,需要的朋友可以参考下2015-08-08
最新评论