后端传过来的文本带有换行符 需要在小程序页面中也正常换行展示

最新推荐文章于 2023-04-01 20:50:39 发布
最新推荐文章于 2023-04-01 20:50:39 发布
阅读量620 收藏 1
点赞数
文章标签： js filter html5 小程序
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/filerat/article/details/121436690
版权

后端传过来的文本带有换行符 需要在小程序页面中也正常换行展示
在这里插入图片描述
用 text 文本标签可直接识别换行
用view标签直接在样式中加入white-space：pre-wrap会去解析换行
注意：加入white-space：pre-wrap的标签内容前后一定不能有空格和换行必须贴紧标签
直接在样式中
最终效果:
在这里插入图片描述

filerat
关注
  • 0
    点赞
  • 踩
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
Java正则表达式实现在文本中匹配查找换行符的方法【经典实例】
08-30
下面是一个名为`NLMatch`的Java程序示例，它展示了如何在文本中查找换行符： ```java package nlMatch; import java.util.regex.Pattern; public class NLMatch { public static void main(String[] args) { ...
uni-app开发微信小程序数据 \n 换行符失效问题
也简的博客
04-26 9231
uni-app开发微信小程序数据 \n 换行符失效问题
关于微信小程序使用WebSokect
ReferenceError: brief introduction is not defined
10-26 3931
PS：本人不是什么大神，写文章只是记录一下，如果有误望大神指出！！！ 因为工作原因突然需要用到WebSokect进行长连接控制设备，而且是做小程序端的 之前接触的前端一直都是做界面，调用的接口也都是普普通通的http/https，第一次接触长连接。 首先，微信小程序如果要使用WebSokect需要调用官方的API函数 按照官方文档的说明我们可以知道WebSocket 任务，可通过 wx.connectSocket() 接口创建返回 所以我们可以定义一个对象用于接收以及调用 ...
微信小程序换行
sinat_41034328的博客
04-01 1850
后端返回数据无法换行，原因是后端返回的\n被转译成了字符串无法识别为换行符。微信小程序换行需要使用text标签。
微信小程序 - 文字换行问题
weixin_34409822的博客
08-11 1357
     css word-break: break-all;  
微信php echo换行,微信小程序文字显示换行问题
weixin_35107023的博客
03-13 621
微信小程序文字显示换行问题小程序文字显示换行问题用户在上传图文时，输入换行符。导致我在拿到数据后JSON.parse的时候报错。大概这样的结构：[{text:'落魄前端在线炒粉！！！' ,url:''},{text:'' ,url:'xxx.jpg',}]解决在拿到数据时先进行正则匹配处理，将换行替换为\ndata.replace(/\n/g,'\\n')然后在进行JOSN.parse就无问题啦。...
vue前端展示带换行的字符串
肥仔的博客
04-27 3945
如果不加处理，带换行符的字符串展现到前端的效果是没有换行，而且不同行之间的内容以一个空格隔开 解决办法是给这段字符串加一个属性： <p style="white-space: pre-wrap"> {{string}} </p> 参考：https://www.cnblogs.com/leegent/p/9274424.html ...
去除数据中字符串的换行符；解决ETL中字符串换行符；ORACLE|DB2
12-02
- - 使用此工具，必须有明确的行分隔符标记，且换行符标记不可在字符串中出现。否则无法使用，需要修改匹配搜索方式 ### 工具效率： 亲测200M文件5s中完成转换。 ### 使用示例： Windows: go_readfileline.exe...
Python处理文本换行符实例代码
12-23
本文研究的主要是Python处理文本换行符的相关内容，具体如下。 源文件每行后面都有回车，所以用下面输出时，中间会多了一行 try: with open("F:\\hjt.txt" ) as f : for line in f: print(line) except ...
php中将html中的br换行符转换为文本输入中的换行符
01-20
下面这几个方法将能够帮你解决这个问题。 PHP版将html中的 换行符转换为文本框中的换行符： 复制代码 代码如下:function br2nl($text){ return preg_replace(‘/(‘/>换行符转换为
小程序自动识别接口返回的换行符
小白的博客
08-30 342
css
微信小程序文字换行符
机智的奎哥的博客
06-24 9301
在微信小程序开发中有一个需求是展示长文本，后端返回的数据包含了\n\n 如果将这段文字直接赋值 这样并不会换行，具体解决办法如下
微信小程序wxparse特殊解析空格,解析↵换行符号
qq_43358160的博客
05-03 1317
因为在实际的项目中使用wxparse的时候,发现空格和换行解析不了,就进行的源码的查看及修改, (一).解决↵换行符号解析不了的方法 在微信小程序中换行\n需要再在text中进行实现,但是wxparse自己定义的模板中是用view便签作为解析后的内容标签 1.将wxParse.wxml中的如图模板改为text包含 2.后来找到html2json方法中找到对传入文本的内容进行处理,将html2json方法中的对换行回车的替换去掉 3.找到wxDiscode源文件,找到strDiscode方法 将其中关于换
小程序text组件获取接口返回数据不能换行
shaleilei的博客
03-01 2315
问题描述：本地的换行文本换行可以正常，但是调用接口返回的数据（带\n的数据）不能换行， 备注：text组件才可以换行，view组件是不能自动识别\n换行的 解决方案：两种方案 json的问题 数据库中\n，转json后会变成\\n，所以在不换行，但是你看不到，因为前端拿到的时候这个都是\n 这里使用正则转义： questions_result[i].content = questions_r...
微信小程序后台传过来文本的换行处理记录
kaizq的专栏
05-10 5406
微信小程序中，采用滚动显示后台传来文本，文本夹带“\n“，以求段落显示区分，却一点都不起作用。 前端JS中自定义的文本，夹带“\n“，可以做到段落显示区分。 网上查找处理参考，很多人遇到过此类问题，藤迅客服回复：不行那就不要存換行符，直接用其他标识，比如"、"或"；"等，然后在前端分隔成数组，页面遍历显示示不就行了。 倒是：不是方法的办法。 于是在前端尝试： 1以语句str.split...
小程序中文本自动换行
weixin_43398820的博客
08-17 4716
后端返回的文本自动换行 要求后端返回的文本在需要换行的地方增加\n 原生小程序中直接使用text标签即可，text中的文本遇到\n会自动换行。 // data: { // message:'这是第一个换行；\n,这是第二个换行；\n这是第三个换行；\n' // }, <text>{{message}}</text> taro框架中换行 // state = { // message: "这是第一个换行；\n,这是第二个换行；\n这是第三个换行；\
微信小程序的text标签实现换行，空格等
热门推荐
苏苏就是小苏苏的博客
11-29 2万+
1.实现效果 2.text标签 text标签内的\n会解释为换行，而\n在view标签内会被解释为空格。 text标签单个空格用\t,换行用\n。 当服务端返回的数据含有\n时候，用text标签。 3.服务端返回的\n变为\n 解决方法： 新建wxs文件： var format = function (text) { if (!text) { return } var reg = getRegExp('\\\\n', 'g') return text.replace(reg,
微信小程序后台文本自动换行失效实现换行
聽凨不是雨的博客
11-24 1573
写在前面 昨天在模拟微信小程序的时候，从后台获取的一段文本中有 换行 符号，就相当于我们写诗的时候，每写一句，我们都会按 enter 键让它换行，但是拿到微信开发者工具后，每一句诗都是挨着的，就像下边这张小说文本 我原本以为要用正则表达式来把换行符转一下，找了一晚上 还看到官网说在 微信开发者工具中想要使用 正则表达式 ，需要使用 getRegExp函数。，试来试去还是不行，后来找到一个文本保留空格和换行的style样式 white-space:pre-wrap 是的，没错 就是这个简简单单的样式，添加在
小程序换行符检测换行
weixin_30627341的博客
10-26 1244
先将换行符替换成自定义连接字符 var goods_detail = "" if(res.data.info.goods_info.goods_detail){ goods_detail = res.data.info.goods_info.goods_detail; var str=goods_detail.replace(/\n/g,"|-...
后端无换行符，前端json怎么换行展示
最新发布
05-30
如果您需要在前端展示格式化的JSON字符串，可以使用JSON.stringify()方法将JSON对象转换为格式化的字符串，然后使用pre标签将其包裹，从而实现换行展示。例如： ``` const jsonObj = {key1: "value1", key2: "value...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值