微信小程序后台文本自动换行失效实现换行

写在前面

昨天在模拟微信小程序的时候，从后台获取的一段文本中有换行符号，就相当于我们写诗的时候，每写一句，我们都会按 enter 键让它换行，但是拿到微信开发者工具后，每一句诗都是挨着的，就像下边这张小说文本

我原本以为要用正则表达式来把换行符转一下，找了一晚上还看到官网说在微信开发者工具中想要使用正则表达式，需要使用 getRegExp函数。，试来试去还是不行，后来找到一个文本保留空格和换行的style样式

white-space:pre-wrap
是的，没错就是这个简简单单的样式，添加在你获取的文本在wxml相对应的标签上

<!-- style="white-space:pre-wrap" 文本保留空格和换行-->
<view class='content' style="white-space:pre-wrap">
{{context}}                ------------ 文本内容
</view>

然后随便找段文本

直接就好了，数据原有的换行就回来了，原因好像是获取数据后换行符被解析了，具体咱也不知道，反正就是这么做

微信小程序后台文本自动换行失效实现换行相关推荐

微信小程序富文本渲染(rich-text)换行失效
微信小程序富文本渲染(rich-text)换行失效给rich-text标签加css 样式 white-space: pre;
微信聊天自动解析html文本,微信小程序纯文本实现@功能
前言大家肯定对@功能不陌生,在如今的各大社交软件中它是一种不可或缺的功能.实现@人的功能并不复杂,只需将@人员的id传给后端,后端下发通知即可.主要的复杂点在于一键删除功能与变色功能,web端可以使 ...
微信小程序富文本解析
微信小程序富文本解析 *人狠话不多,直接代码搞起* html代码(后台返回的html代码) <p>这是一段文字</p><p><strong>这是加粗的字 ...
python开发微信小程序-Django微信小程序后台开发教程的实现
1 申请小程序,创建hello world小程序 2 添加交互框和按钮 index. wxml cal {{ result }} index.wxss /**index.wxss**/ .input ...
基于腾讯云服务器部署微信小程序后台服务（Python+Django）
一前言微信小程序,相信大家早已熟知,它是一种无需下载安装即可使用的轻型应用,具有跨平台和接近Native App性能体验的优势.从开发模式上说,它是前后端分离的,微信小程序负责实现前端应用,后端服 ...
微信小程序——微信小程序后台自定义分析，数据准确性分析
序由于公司小程序产品大多为信息流产品,所以对小程序图文的数据准确性,精细度有较高的需求,以便编辑人员通过对数据的分析,可以针对性的编写图文,提高爆文数量. 问题描述公司自己是有一个统计平台,对小程 ...
【delphi】开发微信小程序后台控件（一）（含源代码、演示程序、控件使用帮助）
1. 前言微信小程序已经非常普及,但是遗憾的是官方提供的 SDK 等没有Delphi语言的,这样使用Delphi语言开发微信小程序后台就相对比较困难,需要研究平台API,费时费力,特别是调试API很 ...
微信小程序富文本处理
微信小程序富文本处理 wxml页面代码: <rich-text nodes ="{{content.content}}"></rich-text> ts代码 ...
微信小程序富文本编辑器获取内容
1.新建wxParse文件夹里面的结构是这样:wxParse :{ emojis (文件夹) html2json.js (文件) htmlparser.js(文件) showdown.js (文件) ...

微信小程序后台文本自动换行失效实现换行

写在前面

微信小程序后台文本自动换行失效实现换行相关推荐

最新文章

热门文章