由于微信小程序要与微信小程序同步信息。

微信小程序的标签和原来我们习惯用的标签是不一样的,例如视图容器标签小程序是view,然而html就很多比如常用的div就和小程序的view类似。

现在从服务端传输过来的信息是

...

格式的,需要解析成小程序识别的格式

我们就需要用到第三方插件wxPrase,这个是GitHub上共享的

github地址:https://github.com/icindy/wxParse   直接下载wxPrase文件夹。

其他不用,但可以参考他们的,只需要wxPrase文件夹里面的copy到自己的工程根目录下

第一步:导入

@import "/wxParse/wxParse.wxss";

第二步:在需要解析的界面导入

在相应界面的js里面加入(放在最上面)

var WxParse = require('../../wxParse/wxParse.js');

在请求数据处加

onLoad: function (options) {

var that = this

wx.request({

url: 'https://**********' + options.id,

headers: {

'Content-Type': 'application/json'

},

success: function (res) {

that.setData({

art: res.data

})

var article = res.data.body;

/**

* WxParse.wxParse(bindName , type, data, target,imagePadding)

* 1.bindName绑定的数据名(必填)

* 2.type可以为html或者md(必填)

* 3.data为传入的具体数据(必填)

* 4.target为Page对象,一般为this(必填)

* 5.imagePadding为当图片自适应是左右的单一padding(默认为0,可选)

*/

WxParse.wxParse('article', 'html', article, that);

console.log(res.data)

console.log(article)

}

})

}

第三步:在wxml中导入

wxParseData:article相当于一个对象,nodes才是真正的值res.data.body,所以nodes必加。

解析html语言的软件,小程序解析html标签 div-Go语言中文社区相关推荐

  1. 限时团购,6.9折:《微信开发深度解析:公众号、小程序高效开发秘籍》推荐序

    全书由目 Senparc.Weixin SDK 作者苏震巍历时 2 年完成,涵盖了开发微信公众号及小程序需要用的的各项后端开发技能.技巧.避坑提示,以及 Senparc.Weixin SDK 微信公众 ...

  2. 微信小程序PHP文件建在哪里,微信小程序解析H5文件方法

    经常有网友问怎么让微信小程序解析H5文件或者类似封装H5网页到APP里面?我一开始觉得这是不可能的,因为官方的解答是这样的: 每一个小程序页面是由同路径下同名的四个不同后缀文件的组成,如:index. ...

  3. 微信小程序解析unionid

    微信小程序解析用户unionid等信息 调用wx.login获取 用户临时登录凭证code(有效期5分钟); 调用wx.getUserInfo获取加密过的数据encryptedData和解密参数iv: ...

  4. iOS富文本解析html图片,小程序解析html和富文本编辑内容【亲测有效】

    首先去 https://github.com/icindy/wxParse 下载wxParse,只拷贝wxParse文件夹即可. 1.引入wxss @import "../../util/w ...

  5. 小程序(二十六)微信小程序解析富文本的几种方式

    微信小程序解析富文本html大概有两种方式(我发现的). 两种方法,各有各的优缺点. 一:使用小程序内置标签rich-text 这个标签解析的富文本会保留你在pc端编辑的样式,也就是说,你在pc端编辑 ...

  6. 微信小程序 解析XML中缺失函数的判断

    第一次发表文章,不严谨处还请谅解! 今天在使用小程序解析网络传输过来的XML文件的时候,有遇到以下报错: **WAServiceMainContext.js:2 TypeError: Cannot r ...

  7. 听歌识曲的软件实现c语言,【优秀】听歌识曲软件小程序

    听歌识曲软件小程序 {{/if}} {{/if}} {{if data.isNormalVip}}在线电台. {{else}} {{/if}}语音直播. 香肠派对手机版电脑版下载找到你下载好的文件,双 ...

  8. cs架构用什么语言开发_用Rust语言开发微信小程序

    由于stdweb已经好久没有更新了,本人又写了另外一篇: JiaYe:用Rust语言开发微信小程序:wasm-bindgen​zhuanlan.zhihu.com stdweb可以轻松将Rust代码编 ...

  9. 微信小程序开发语言(微信小程序开发教程)详细步骤

    微信小程序开发语言 开发微信小程序用什么语言 1.微信小程序开发所需要的语言比较特别,首先介绍一下需要使用到的文件类型大致分为:WXML(WeiXin Mark Language 微信标记语言).WX ...

最新文章

  1. Windows10+Anaconda3+Pycharm环境搭建
  2. Hyper-V 2016 系列教程12 Hyper-V 体系结构
  3. mysql-interview
  4. springboot自定义异常处理
  5. win10 无法安装/启用 .net framework 3.5 的一种解决方案
  6. 计算机系统的架构,计算机系统结构 (二) 计算机主要系统构成
  7. android AIDL服务
  8. 【python记录】使用ip摄像头 vlc打开rtsp服务 python远程调用摄像头记录过程
  9. 论文 计算机网络安全现状的分析与对策,计算机网络安全现状的分析与对策(学年论文).pdf...
  10. liunx下NetworkManager导致网卡不能启动
  11. LINUX编译时缺少头文件,查找依赖库的终极解决办法
  12. 云起智慧中心连接华为_云起荣获CIBIS十大全屋智能品牌奖:将与合作伙伴共同扩展AIoT生态平台...
  13. 笔记:数模美赛试题解析与研究
  14. 配置Eclipse for Java 9
  15. 服务器IP被封的原因
  16. 笔记本/台式电脑数据迁移的简单办法
  17. 单、双目相机标定及其校正相关函数整理
  18. Linux 块设备层中的Multi-queue分析
  19. mysql5.7第一次登录修改root密码
  20. 【矩阵论】4. 矩阵运算——广义逆——加号逆应用

热门文章

  1. 用共振频率去理解神经网络-将乙烯模型运行300次的数据
  2. Python中多个数组行合并及列合并的方法总结
  3. stm32 标准库一些比较容易犯的错误
  4. VCS-bilibili教程篇1-Debug Basic
  5. Verdi-ug --- nwave Tutorial
  6. 基于MATLAB的RSSI定位算法仿真
  7. Java交换两个Integer-一道无聊的题的思考
  8. Python中的test测试
  9. 关于“AI是不是胡扯”之争:这是中国科技圈的胜利
  10. RabbitMQ Topic exchange