关于wxParse对ul，li，ol标签的解析错误解决办法

最新推荐文章于 2023-06-07 07:41:50 发布

逍遥生-前端

最新推荐文章于 2023-06-07 07:41:50 发布

阅读量1.4k

点赞数

分类专栏：技术之路文章标签： wxParse wxParse解析错误 wxParse解析不准确 wxParse对li标签的解析问题

本文链接：https://blog.csdn.net/u012562411/article/details/85838579

版权

在使用wxParse小程序富文本插件时遇到li等标签解析问题，作者停止维护，通过将ul, li, ol标签转换为可解析标签来解决这个问题。猜测可能是因为li标签在源代码中被视为非标准块级元素。分享了解决方案和插件的使用步骤。" 97398512,8357538,Java解决稳定婚姻匹配问题,"['Java', '算法', '数据结构', '匹配算法']

摘要由CSDN通过智能技术生成

最近，在做小程序时用到了wxParse这个插件，首先要对这个插件进行赞扬，确实做的挺不错的，能够将富文本很好的替换成小程序能够识别的标签，可惜作者不再维护该插件了，但是不可否认的是存在部分bug，今天就我发现的一个重要bug及解决办法进行分享。

问题：

该插件不能对ul，li，ol，标签进行很好的处理，效果如图。

let str = `<ul><li>测试测试</li></ul>`;
wxParse.wxParse("wifi", 'html', str, this, 5);

在这里插入图片描述

原本想去修改作者的源代码，但是奈何才疏学浅，一直找不到解决办法，怎么处理呢？不能不让用户用li等标签吧，纠结了好久，最终换了一种思路：既然不能处理，那我是否能够将ul等标签替换为它能够很好解析的标签呢？抱着这样的想法开始了。

let str = `<ul><li>测试测试</li></ul>`;
// 将所有不能识别的ol, ul, li标签替换为能够正常识别的div标签
str = str.replace(/ol/g, "div");
str = str.replace(/ul/g, "div");
str = str.replace(/li/g, "div");
w