微信小程序 加载 HTML 标签

您所在的位置:网站首页 微信小程序加载html 微信小程序 加载 HTML 标签

微信小程序 加载 HTML 标签

2024-07-05 19:36| 来源: 网络整理| 查看: 265

肯定有小伙伴遇到过这个问题:加载的数据是一堆HTML 标签尴尬这就尴尬了,因为小程序没有提供 webview 来加载这些 HTML.但是不用慌,小程序不提供我们可以自己造个新轮子,自己造不出新轮子咱们找到一个合适的轮子拿来用!这里用到的轮子就是这个:wxParse.他的介绍可以去 github 主页学习,这里简要记录使用过程.(项目地址链接)

 本文由百牛信息技术bainiu.ltd整理发布于博客园

接口是截取的网易新闻的新闻详情接口,数据格式大家自行格式化观察.这里在做 HTML 处理的时候遇到了两个小问题.

1.返回数据中包含非 HTML 标签的内容,这会导致加载数据时解析失败.

2.一些新闻详情会有配图,配图的位置是通过一些标识字符串加到内容里,不是直接加载出来.

 

首先来看第一个问题.其实这个问题很好解决,直接获取到要加载的内容,找到这些非 HTML 字符串将他们替换成空字符串,问题就迎刃而解了.下面是关键的代码;

 

[html] view plain copy       //替换标签中特殊字符 这里观察返回数据找到非 HTML 字符串,随后将该字符串替换成空字符串.           var infoFlg = "";           if (content.indexOf(infoFlg) > 0) {            content = content.replace(//, "");           }  

 

 

第二个问题思路也是这样,将标识图片位置的非 HTML 字符串替换成 HTML 标签就解决了.

 

[html] view plain copy       var imgFlg = "";           var imgFlg = "";           if (content.indexOf(infoFlg) > 0) {            content = content.replace(//, "");           }              var imgFlg = "


【本文地址】


今日新闻


推荐新闻


CopyRight 2018-2019 办公设备维修网 版权所有 豫ICP备15022753号-3