小程序中WxParse循环解析返回的富文本数据

最新推荐文章于 2021-03-16 17:26:59 发布

原创

最新推荐文章于 2021-03-16 17:26:59 发布 · 4.4k 阅读

6 ·

CC 4.0 BY-SA版权

文章标签：

# WxParse循环解析 # WxParse #循环解析 #循环解析富文本内容 #解析富文本

本文介绍了在微信小程序中如何使用WxParse插件循环解析从百度Ueditor获取的富文本内容。首先，展示了单条数据解析的步骤，包括下载插件并引入到项目的各个文件中。接着，作者详细描述了遇到的问题——如何进行多数据解析。通过两次尝试，最终解决了这个问题。第一次尝试直接将解析内容循环，导致每个问题下显示相同内容。第二次尝试通过添加条件判断，确保只有对应问题的答案才会显示，实现了预期效果。

WxParse循环解析

一、遇到问题

最近在做小程序，遇到这样一个需求：

将百度的Ueditor编辑器存入的文本数据显示在小程序中，需要保留之前的样式，这就用到了 WxParse插件，它能够用解析html标签，也能全部解析。

问题来了~~

而我现在遇到的问题是多条数据解析啊

终于折腾了好久才实现的，因为自己水平有限吧

我就叫做：多数据解析吧

这个多数据解析实现过程，待会说哈哈

+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++

先说单数据解析

就是将一整条数据，直接解析。这个简单，解析完之后，赋值到view中。

首先要下载WxParse插件

第一步：

去

最低0.47元/天解锁文章

11 条评论

猛猛学，挖金币 2023.09.11
你说的意思实际也是对每个数据做了解析后，绑定到一个 i 的html，然后html那边根据数组生成多个id 为 i 的 html 用来填入解析的数据吧

猛猛学，挖金币 2023.09.11
明白了，你是动态添加html，然后让js解析放到对应的html，用那个bindname匹配，因为这个插件的用法是，先写好html，然后用bindname赋值到html里边，，，，，但是我遇到的问题是，也是多条，但是我那多条是由另一个插件生成的，然后生成的标题是 rich-text 包起来的，每个标题下边又有插件解析生成的选项这样。。。现在要把标题换成用 wxparse生成，而选项还是用原来的插件，，哎，

猛猛学，挖金币 2023.09.11
我也试试，，，

xingke 2019.12.23
赞

Dreams_master 2019.08.05
楼主有完整代码吗？想看下你的点击事件判断，我也是做这个页面
- Colt666回复Dreams_master 2019.09.04
  [reply]Dreams_master[/reply] 抱歉才看到请问就解决了吗

ShiYadong_ 2019.04.09
在网上找到一个更简单的方法 https://blog.youkuaiyun.com/qq_34178296/article/details/83112378 ???
- Colt666回复ShiYadong_ 2019.04.11
  [reply]u012302552[/reply]可以的

qq_43372490 2019.04.09
我用了你的方法，js打印也有数据了，可是页面渲染不出来是怎么回事

93年前端 2019.03.14
加了同样的判断就全部显示了，不加判断就是你存在的问题，每个下面内容一样了。 <block wx:for="{{replyTemArray}}" wx:key=""> <block wx:if="{{index+1 == item.id}}"> <template is="wxParse" data="{{wxParseData:item}}"> </block> </block>[code=html] [/code][code=html] [/code]

花因寒香 2019.02.28
[code=javascript] [{"helpClassifyId":1,"helpClassifyName":"帮助分类1","icon":"","helps":[{"helpId":1,"title":"标题5","description":"梵蒂冈"},{"helpId":2,"title":"标题4","description":"大幅度发的说法都是 "},{"helpId":4,"title":"标题3","description":"意见统一价格合计"},{"helpId":6,"title":"标题1","description":"尔特让他热一热"},{"helpId":10,"title":"标题2","description":"雨天有人提供任何犯嘀咕"}]},{"helpClassifyId":2,"helpClassifyName":"兼职人员的结算周期","icon":"","helps":[{"helpId":8,"title":"标题7","description":"的粉丝服务为"}]},{"helpClassifyId":4,"helpClassifyName":"忘记密码怎么办？","icon":"","helps":[{"helpId":9,"title":"标题8","description":"帮助内容范德萨范德萨发"}]},{"helpClassifyId":6,"helpClassifyName":"如何鉴定违法广告","icon":"","helps":[{"helpId":7,"title":"标题6","description":"额外负担V型"},{"helpId":11,"title":"标题9","description":"胜多负少的发送到"}]}] [/code] 请问像这种嵌套的数组，怎么办呢？