uni-app中解析html，绝对适用

weixuandong00

已于 2022-03-24 15:17:12 修改

阅读量1.3w

点赞数 1

分类专栏：前端总结 vue项目总结文章标签： vue.js

于 2020-03-06 15:07:03 首次发布

本文链接：https://blog.csdn.net/weixin_37626925/article/details/104696046

版权

前端总结同时被 2 个专栏收录

7 篇文章

订阅专栏

vue项目总结

3 篇文章

订阅专栏

uni-app中解析html方法：

uni-app官方提供了rich-text标签，推荐使用Array类型，可以用html-parser 来转换，话不多说，上代码：

js：(以下步骤需引入html-parser.js)

    var str = "xxx";  //获取到的html字符；

    var chtml = "xxx"; //可解析的字符；

    var htmlString = str.replace(/\\/g, "").replace(/<img/g, "<img style=\"max-width:100%;\"");

    chtml = HTMLParser(htmlString);

view：

    <rich-text :nodes="chtml"></rich-text>