美文网首页微信小程序开发微信小程序
微信小程序通过wxParse.js,嵌入HTML代码

微信小程序通过wxParse.js,嵌入HTML代码

作者: 莫言_jc | 来源:发表于2018-03-19 18:45 被阅读104次

最近在做小程序,发现后台数据有很多数据时带有HTML标签的,不知道怎么搞,在网上看了看文档,自己整理了一下:

1,在https://github.com/icindy/wxParse上下载这个文件,下载完之后我们需要用到目录下的wxParse文件夹,把他拷贝到我们的项目中

2,.在app.wxss全局样式文件中,引入wxParse.wxss文件

3,在我们要(嵌入的HTML代码)的wxjs文件中引入wxParse.js

4,然后再我们获取数据的success中添加  WxParse.wxParse(bindName , type, data, target,imagePadding)下面有注释(下面的代码是我的项目)

5,在我们要(嵌入的HTML代码)的wxml中引入wxParse.wxml文件

6,在wxml中将<template is="wxParse" data="{{wxParseData:article.nodes}}"/>写在我们要展示的(容器内)

7,注意:

如果加载的是图片的话(图片之间有间隙),要给每个image设置margin-top:10rpx(这里的值根据自己图片的间距调试)


大概就是这样子了,希望对你们有帮助;有哪里不对的,望大神指正!

相关文章

  • 微信小程序通过wxParse.js,嵌入HTML代码

    最近在做小程序,发现后台数据有很多数据时带有HTML标签的,不知道怎么搞,在网上看了看文档,自己整理了一下: 1,...

  • 浅谈微信矩阵

    微信体系矩阵: 1)微信公众服务号 比如:嵌入 小程序 「承载商城」 「会员体系」 2)微信小程序 微信小程序相当...

  • 企业微信的三种引流方法

    企业微信的三种引流方法: 1、小程序,使用企微联系我功能、或者群活码嵌入小程序中,通过小程序把用户引流到企业微信中...

  • 企业微信的三种引流方法

    企业微信的三种引流方法: 1、小程序,使用企微联系我功能、或者群活码嵌入小程序中,通过小程序把用户引流到企业微信中...

  • 微信小程序如何使用wxParse解析html

    通过微信小程序读取的带html格式的新闻内容叫做富文本格式,小程序默认是不支持html格式的显示,可以通过wxPr...

  • 百度小程序教程,微信小程序教程,微信小程序开发模板汇总(2018

    摘要:微信小程序教程合集,微信小程序模板合集,微信小程序行业解决方案合集,微信小程序源代码合集,百度小程序教程合集...

  • APP与小程序对比

    小程序 HTML5 教程 CSS3 教程 ECMAScript 6 入门 微信小程序官网 微信小程序 API 支付...

  • 微信小程序创建项目 我们需要通过开发者工具,来完成微信小程序创建和代码编辑。 开发者工具安装完成后,打开并使用微信...

  • 微信小程序开发基础知识

    vscode配置 vscode开发微信小程序安装的插件: wechat-snippet微信小程序代码辅助,代码片段...

  • 微信小程序与Html交互

    简介 微信小程序访问html页面是通过小程序中的WebView作为网页承载容器实现的,通过配置WebView的sr...

网友评论

    本文标题:微信小程序通过wxParse.js,嵌入HTML代码

    本文链接:https://www.haomeiwen.com/subject/nvdlqftx.html