微信小程序wxparse特殊解析空格,解析↵换行符号

最新推荐文章于 2022-12-12 17:32:49 发布
最新推荐文章于 2022-12-12 17:32:49 发布
阅读量1.4k 收藏
点赞数
分类专栏： 微信小程序 文章标签： 微信小程序 小程序
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_43358160/article/details/124554510
版权
本文介绍了在微信小程序中使用wxparse组件遇到换行符和空格无法正确解析的问题，以及如何通过修改源码来解决这个问题。首先，将wxParse.wxml中的模板替换为text标签，然后在html2json方法中去除换行回车的处理，接着在wxDiscode的strDiscode方法中注释掉有关换行的正则匹配，并添加自定义的正则表达式处理后台传入的分隔符号。
摘要由CSDN通过智能技术生成

因为在实际的项目中使用wxparse的时候,发现空格和换行解析不了,就进行的源码的查看及修改,
(一).解决↵换行符号解析不了的方法
在微信小程序中换行\n需要再在text中进行实现,但是wxparse自己定义的模板中是用view便签作为解析后的内容标签
1.将wxParse.wxml中的如图模板改为text包含
在这里插入图片描述
2.后来找到html2json方法中找到对传入文本的内容进行处理,将html2json方法中的对换行回车的替换去掉
在这里插入图片描述

3.找到wxDiscode源文件,找到strDiscode方法
将其中关于换行的正则匹配注释掉
在这里插入图片描述
在使用时添加一个正则表达式,因为本次需求后台传入的分隔符号为↵
在这里插入图片描述

雨打荷叶
关注
专栏目录
微信小程序 —— 微信小程序解析html富文本插件wxParse
Wu_shuxuan的博客
11-24 8775
下载并把wxParse放到小程序的目录中 下载地址 https://github.com/icindy/wxParse 把wxParse放在与page同一级目录 wxParse里的emojis包是可要可不要的。 引用wxParse - wxml中 <import src="../../wxParse/wxParse.wxml" /> <view cl...
微信小程序里可以解析html,微信小程序WxParse解析html代码(示例代码)
weixin_35292208的博客
06-04 3213
小程序本身并不太支持html代码，比如html的img、span、p这个时候改这么办呢？需要用到一个小插件WxParse来实现。小程序高级交流群：336925436微信小程序支持富文本编辑器代码二：将wxParse文件夹粘贴到项目三：引入文件index.js文件中引入var WxParse = require(\'../wxParse/wxParse.js\');onLoad: function ...
小程序自动识别接口返回的换行符
小白的博客
08-30 376
css
小程序换行符检测换行
weixin_30627341的博客
10-26 1253
先将换行符替换成自定义连接字符 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,"|-...
wxParse 解决解析不了&nbsp 空格问题-附件资源
03-02
wxParse 解决解析不了&nbsp 空格问题-附件资源
微信小程序解析html
J_S_King的博客
06-08 466
链接：https://pan.baidu.com/s/1X5NSZiSbSXsWQQvQNmiTmQ 提取码：n7ad ![在这里插入图片描述](https://img-blog.csdnimg.cn/20200608112745987.png#pic_center) 解压完成后放到小程序目录下,再在需要使用的页面引入(如index页) 在index.json中引入 "usingComponents": {"parser":"/components/parser.min/parser"}, 在ind
微信小程序 wxParse插件显示视频问题
01-19
修改wxParse/html2json.js 文件 ，在 html2json(html, bindName) 方法里 var node = { node: 'element', tag: tag, }; 这里使用 node.tag 能够获取标签类型，比如： img、embed、video 这里我的系统后台编辑器...
微信小程序wxParse插件图片宽高自定义设置优化
07-13
微信小程序富文本解析之图片宽高设置优化，本优化中，插件可以依据富文本中给图片设置的%或px宽高进行小程序image标签的宽高显示设置。本人充分尊重原著作者的程序编码，如对原著版权造成不良影响，请联系本人删除...
微信小程序wxParse解析HTML
11-27
"微信小程序wxParse解析HTML"是解决此类问题的一种解决方案，它允许我们在小程序中展示包含复杂格式的文本，如加粗、斜体、链接、图片等。下面将详细介绍这个主题，并探讨如何使用wxParse库进行HTML解析。 1. **...
微信小程序使用wxParse解析html的实现示例
10-18
本文将详细介绍如何在微信小程序中使用wxParse解析HTML并进行展示。 首先，你需要从GitHub（https://github.com/icindy/wxParse）下载wxParse库，并将其解压后将wxParse文件夹复制到你的小程序项目的相应目录下。这...
小程序解析Xml
06-29
微信小程序解析Xml,以及Html文档，常用在小程序文章显示
微信小程序空校验
alpha_xiao的博客
07-13 456
const isNull = function(str){ //判断undefined、null与NaN: if(!str)return true if(typeof str == "null") return true //空数组、空对象 if(str.length === 0 || Object.keys(str).length === 0) return true //空格或者全部是空格 var regu = "^[ ]+$" var re = new RegExp.
钉钉小程序文本框内容换行符号\n的解析处理
legender5431的博客
12-12 888
前台文本框内容不换行
微信小程序， 解析↵换行
weixin_30668887的博客
06-15 501
获取到json中的数据，通过“\n”转义，此时我们需要通过正则表达式来替换一下 replace(/↵/g, '\n'); 在页面中可以这样 <text class="test-title">我长得好看 \n 我长得也好看</text> 转载于:https://www.cnblogs.com/zbjason/p/11027956.html...
微信小程序中显示换行、空格
热门推荐
guanguan0_0的博客
05-17 6万+
1.空格，换行 &lt;text&gt;你好！\t七月流火啊！\n我在下一行&lt;/text&gt; \t空格（多个只会显示一个空格） \n换行 2.连续空格 &lt;view&gt;      &lt;text space="ensp"&gt;你好 啊 哈哈哈（空格是中文字符一半大小）&lt;/text&gt; &lt;/view&gt; &lt;view&am
解决wxParse空格不解析的问题
weixin_30699235的博客
03-15 532
遇到的问题： 　　相似问题：https://blog.csdn.net/qq_41619741/article/details/85774865 　　　　　　　http://html51.com/info-41786-1/ 　　wxParse插件不解析空格。试了网上尝试的各种方法，都没有效果。后台的返回的富文本内容如下，空格没有转为"&nbsp"。 <p>...
微信小程序wxparse 解析markdown
最新发布
09-08
微信小程序中，可以使用第三方库wxParse来解析Markdown格式的文本。wxParse可以将Markdown文本转换为小程序原生的WXML标签，实现富文本展示效果。 解析Markdown需要引入wxParse第三方库，并在小程序页面的json文件中配置： ```json { "usingComponents": { "wxParse": "/path/to/wxParse/wxParse" } } ``` 然后在wxml文件中使用wxParse组件： ```html <view class="content"> <wxParse nodes="{{mdText}}" /> </view> ``` 在该页面的js文件中，需要设置mdText为要解析的Markdown格式的文本，如： ```javascript Page({ data: { mdText: "# 标题\n正文内容" }, onLoad: function () { } }) ``` 这样，在小程序页面中就可以实现Markdown解析的效果，将Markdown文本转换为小程序原生的富文本展示。 wxParse还支持自定义样式、图片、视频等功能，可根据需要进行设置。在小程序开发中，若需展示Markdown格式的内容，wxParse是一个方便实用的解析库。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值