微信小程序文字显示换行问题


Posted in Javascript onJuly 28, 2019

小程序文字显示换行

问题

用户在上传图文时,输入换行符。导致我在拿到数据后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 相关文章推荐
jQuery中click事件的定义和用法
Dec 20 Javascript
JavaScript电子时钟倒计时第二款
Jan 10 Javascript
JavaScript实现复制或剪切内容到剪贴板功能的方法
May 23 Javascript
JS中的==运算: [''] == false —>true
Jul 24 Javascript
Node.js读写文件之批量替换图片的实现方法
Sep 07 Javascript
利用jQuery插件imgAreaSelect实现图片上传裁剪(同步显示图像位置信息)
Dec 02 Javascript
Javascript中Promise的四种常用方法总结
Jul 14 Javascript
jQuery实现html双向绑定功能示例
Oct 09 jQuery
在vue项目中,将juery设置为全局变量的方法
Sep 25 Javascript
谈谈JavaScript中super(props)的重要性
Feb 12 Javascript
Flutter实现仿微信底部菜单栏功能
Sep 18 Javascript
js实现无缝轮播图插件封装
Jul 31 Javascript
vue router 跳转时打开新页面的示例方法
Jul 28 #Javascript
pageGroup.js实现分页功能
Jul 27 #Javascript
laypage+SpringMVC实现后端分页
Jul 27 #Javascript
laypage.js分页插件使用方法详解
Jul 27 #Javascript
layui2.0使用table+laypage实现真分页
Jul 27 #Javascript
微信小程序 腾讯地图显示偏差问题解决
Jul 27 #Javascript
基于layPage插件实现两种分页方式浅析
Jul 27 #Javascript
You might like
php继承中方法重载(覆盖)的应用场合
2015/02/09 PHP
使用PHP编写发红包程序
2015/07/22 PHP
ThinkPHP 3.2.3实现页面静态化功能的方法详解
2017/08/03 PHP
ThinkPHP框架结合Ajax实现用户名校验功能示例
2019/07/03 PHP
jQuery 1.0.4 - New Wave Javascript(js源文件)
2007/01/15 Javascript
JavaScript 给汉字排序实例代码
2008/06/28 Javascript
JavaScript DOM 学习第九章 选取范围的介绍
2010/02/19 Javascript
JavaScript 小型打飞机游戏实现原理说明
2010/10/28 Javascript
非html5实现js版弹球游戏示例代码
2013/09/22 Javascript
js动态移动滚动条至底部示例代码
2014/04/24 Javascript
ANGULARJS中使用JQUERY分页控件
2015/09/16 Javascript
js数组常见操作及数组与字符串相互转化实例详解
2015/11/10 Javascript
JS图片放大效果简单实现代码
2016/09/08 Javascript
EasyUI 中combotree 默认不能选择父节点的实现方法
2016/11/07 Javascript
js 取消页面可以选中文字的功能方法
2018/01/02 Javascript
ajax请求+vue.js渲染+页面加载的示例
2018/02/11 Javascript
微信小程序基于Taro的分享图片功能实践详解
2019/07/12 Javascript
JavaScript定时器常见用法实例分析
2019/11/15 Javascript
openlayers 3实现车辆轨迹回放
2020/09/24 Javascript
Python内置函数之filter map reduce介绍
2014/11/30 Python
Django自定义认证方式用法示例
2017/06/23 Python
Python实现PS滤镜特效Marble Filter玻璃条纹扭曲效果示例
2018/01/29 Python
Python学习笔记之抓取某只基金历史净值数据实战案例
2019/06/03 Python
浅析Python打包时包含静态文件处理方法
2021/01/15 Python
印度在线内衣和时尚目的地:Zivame
2017/09/28 全球购物
Servlet如何得到服务器的信息
2015/12/22 面试题
酒吧副总经理岗位职责
2013/12/10 职场文书
党员承诺书格式
2014/05/21 职场文书
档案工作汇报材料
2014/08/21 职场文书
竞选班长演讲稿400字
2014/08/22 职场文书
市场调研项目授权委托书范本
2014/10/04 职场文书
工人先锋号事迹材料
2014/12/24 职场文书
员工评语范文
2014/12/31 职场文书
2014年终个人总结报告
2015/03/09 职场文书
自荐信模板大全
2015/03/27 职场文书
祝福语集锦:给满月宝宝的祝福语
2019/11/20 职场文书