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


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 相关文章推荐
IE浏览器兼容Firefox的JS脚本的代码
Oct 23 Javascript
JavaScript中的apply()方法和call()方法使用介绍
Jul 25 Javascript
javascript实现漂亮的拖动层,窗口拖拽特效
Apr 24 Javascript
JavaScript判断对象是否为数组
Dec 22 Javascript
jquery的ajax提交form表单的两种方法小结(推荐)
May 25 Javascript
js两种拼接字符串的简单方法(必看)
Sep 02 Javascript
JavaScript中setTimeout的那些事儿
Nov 14 Javascript
js鼠标跟随运动效果
Mar 11 Javascript
vue-cli 打包后提交到线上出现 "Uncaught SyntaxError:Unexpected token" 报错
Nov 06 Javascript
Javascript异步编程async实现过程详解
Apr 02 Javascript
浅谈JavaScript节流和防抖函数
Aug 25 Javascript
vue 使用vant插件做tabs切换和无限加载功能的实现
Nov 04 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得到某段时间区间的时间戳 php定时任务
2012/04/12 PHP
PHP无限分类(树形类)的深入分析
2013/06/02 PHP
解析关于java,php以及html的所有文件编码与乱码的处理方法汇总
2013/06/24 PHP
PHP 面向对象程序设计(oop)学习笔记 (四) - 异常处理类Exception
2014/06/12 PHP
改写ThinkPHP的U方法使其路由下分页正常
2014/07/02 PHP
php返回相对时间(如:20分钟前,3天前)的方法
2015/04/14 PHP
PHP使用ODBC连接数据库的方法
2015/07/18 PHP
php实现统计目录文件大小的函数
2015/12/25 PHP
php版微信返回用户text输入的方法
2016/11/14 PHP
php+mysql+jquery实现简易的检索自动补全提示功能
2017/04/15 PHP
PHP实现的堆排序算法详解
2017/08/17 PHP
Javascript学习笔记8 用JSON做原型
2010/01/11 Javascript
javascript 闭包
2011/09/15 Javascript
使用jquery中height()方法获取各种高度大全
2014/04/02 Javascript
jquery插件bxslider用法实例分析
2015/04/16 Javascript
javascript实现youku的视频代码自适应宽度
2015/05/25 Javascript
jquery append 动态添加的元素事件on 不起作用的解决方案
2015/07/30 Javascript
基于JavaScript实现前端数据多条件筛选功能
2020/08/19 Javascript
node.js利用socket.io实现多人在线匹配联机五子棋
2018/05/31 Javascript
Node.js API详解之 os模块用法实例分析
2020/05/06 Javascript
JavaScript this指向相关原理及实例解析
2020/07/10 Javascript
[19:26]TNC vs EG (BO3)
2018/06/07 DOTA
Python批量重命名同一文件夹下文件的方法
2015/05/25 Python
Python使用matplotlib填充图形指定区域代码示例
2018/01/16 Python
python去除拼音声调字母,替换为字母的方法
2018/11/28 Python
Python3.5内置模块之os模块、sys模块、shutil模块用法实例分析
2019/04/27 Python
Python安装whl文件过程图解
2020/02/18 Python
Python编程快速上手——PDF文件操作案例分析
2020/02/28 Python
TripAdvisor越南:全球领先的旅游网站
2017/09/21 全球购物
anello泰国官方网站:日本流行包包品牌
2019/08/08 全球购物
Jar包的作用是什么
2014/03/30 面试题
JSP&Servlet技术面试题
2015/05/21 面试题
鞋类设计与工艺专业销售求职信
2013/11/01 职场文书
《商鞅南门立木》教学反思
2014/02/16 职场文书
卫生巾广告词
2014/03/18 职场文书
Nginx使用X-Accel-Redirect实现静态文件下载的统计、鉴权、防盗链、限速等
2021/04/04 Servers