如何在微信小程序中显示html格式内容

在进行微信小程序定制开发的时候，遇到了微信小程序不能显示html格式内容。于是到网上搜了下教程，进行多番尝试，发现只能参考，于是有了下面的流程：

创新互联-专业网站定制、快速模板网站建设、高性价比成安网站开发、企业建站全套包干低至880元,成熟完善的模板库,直接使用。一站式成安网站制作公司更省心,省钱,快速模板网站建设找我们，业务覆盖成安地区。费用合理售后完善，十年实体公司更值得信赖。

1、下载wxparse

github地址： https://github.com/icindy/wxparse

2、下载完之后我们需要用到目录下的wxparse文件夹，把他拷贝到我们的项目目录下

3、在app.wxss全局样式文件中，需要引入wxparse的样式表

@import "wxparse/wxparse.wxss";

4、在需要加载html内容的页面对应的js文件里引入wxparse

let wxparse = require("../../wxparse/wxparse.js");

通过调用Wxparse.wxparse方法来设置html内容

/**

* Wxparse.wxparse(bindName , type, data, target,imagepadding)

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

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

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

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

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

*/

getcontent: function (id){

var that = this

wx.request({

url: 'https://www.cdcxhl.com/api/Index/article',

data: {

id

},

success: function (res) {

that.setData({

article: res.data,

content: res.data['content']

})

wxparse.wxparse('content', 'html', that.data.content, that, 5)

}

})

}

5、在页面中引用模板

<import src="../../wxparse/wxparse.wxml"/>

<template is="wxparse" data="{{wxparseData:content.nodes}}"/>

本文名称：如何在微信小程序中显示html格式内容
本文URL：https://www.cdcxhl.com/article12/sccogc.html

成都网站建设公司_创新互联，为您提供外贸建站、手机网站建设、网页设计公司、域名注册、小程序开发、面包屑导航

广告

声明：本网站发布的内容（图片、视频和文字）以用户投稿、用户转载内容为主，如果涉及侵权请尽快告知，我们将会在第一时间删除。文章观点不代表本网站立场，如需处理请联系客服。电话：028-86922220；邮箱：631063699@qq.com。内容未经允许不得转载，或转载时需注明来源： 创新互联