微信小程序解析html

1.下载wxParse:https://github.com/icindy/wxParse并拷贝到项目目录下与pages同级即可
2.在app.wxss全局样式头部引入wxParse.wxss
2.在需要解析html的js头部引入wxParse.js并加载数据,如:
var WxParse = require(‘../../../wxParse/wxParse.js‘);
Page({
onLoad: function (options) {
that.setData({
content: WxParse.wxParse(‘databinding‘, ‘html‘,‘要解析的HTML‘, this, 5),
//参数介绍:WxParse.wxParse(绑定的数据名(必填) ,html或者md(必填), 要解析的数据(必填),Page对象,一般为this(必填),imagePadding为当图片自适应是左右的单一padding(默认为0,可选))
});
}
})
3.在相应wxml显示:
<view class="view1-text">
<template is="wxParse" data="{{wxParseData:databinding.nodes}}"/>  //必须和js绑定数据名一致
</view>

以上为微信小程序解析html

时间: 2024-11-05 13:41:49

微信小程序解析html的相关文章

微信小程序解析HTML标签带有&lt;p&gt;

小程序中默认是不支持html格式没有<p>标签,但是有些接口需要返回带有标签的,例如 : 隐私协议: 解决方法: 小程序中有一个富文本标签组件,前端可以解析H5标签就是 rich-text.wxParse 一.<rich-text> : <rich-text nodes="{{content}}"></rich-text> 微信小程序文档:https://developers.weixin.qq.com/miniprogram/dev/c

微信小程序解析富文本的几种方法

工作中有遇到过在小程序中需要解析后台管理系统设置的富文本内容, 一,可以使用wxParse插件解析html 使用方法 1.在github中下载 下载地址  https://github.com/icindy/wxParse/tree/master/wxParse 但是博住使用后 总是报 VM3004:1 thirdScriptErrorhtml.replace is not a function;at api request success callback function 遍在网上找资料 在

微信小程序 —— 微信小程序解析html富文本插件wxParse

下载并把wxParse放到小程序的目录中 github下载地址:https://github.com/icindy/wxParse 一.基本使用方法 1. Copy文件夹wxParse,把wxParse放在与page同一级目录 - wxParse/ -wxParse.js(必须存在) -html2json.js(必须存在) -htmlparser.js(必须存在) -showdown.js(必须存在) -wxDiscode.js(必须存在) -wxParse.wxml(必须存在) -wxPars

一起脱去小程序的外套和内衣 - 微信小程序架构解析

版权声明:本文由渠宏伟  原创文章,转载请注明出处: 文章原文链接:https://www.qcloud.com/community/article/760767001484042227 来源:腾云阁 https://www.qcloud.com/community 作者介绍: 渠宏伟,腾讯高级工程师,从事Web前端开发5年,先后负责企鹅电竞.腾讯视频VIP.腾讯OA开发框架.腾讯微信HR助手等项目.对Web前端架构..NET架构有丰富的经验. 微信小程序的公测掀起了学习小程序开发的浪潮,天生跨

CSDN博文精选 微信小程序全方位解析

责编:陈秋歌,关注微信开发等领域,寻求报道或者投稿请发邮件chenqg#csdn.net.研发心得.项目实战.前沿技术.外文翻译--,只要是技术干货,十分欢迎投稿至chenqg#csdn.net.人人都是主编,这里就是你的舞台. 欢迎加入"微信开发技术"群,参与热点.难点技术交流.请加群主微信「Rachel_qg」,申请入群,务必注明「公司+职位」. 九个月之前,应用号首次被提出.近日,应用号以"小程序"的名称,正式向200人发出公测邀请."无需下载,用完

****微信小程序架构解析

| 导语   微信小程序的公测掀起了学习小程序开发的浪潮,天生跨平台,即用即走.媲美原生体验.完善的文档.高效的开发框架,小程序给开发者带来了很多惊喜.通过这篇文章和大家一起分析小程序的架构,分享开发经验. 一.小程序介绍 1.小程序特点 2.小程序演示 视频地址: https://v.qq.com/x/page/w0353d7co6y.html 3.小程序为什么那么快 Page Frame Native预先额外加载一个WebView当打开指定页面时,用默认数据直接渲染,请求数据回来时局部更新返

微信小程序如何解析html内容

最近项目上遇到在微信小程序里需要显示新闻内容,新闻内容是通过接口读取的服务器中的富文本内容,是html格式的,小程序默认是不支持html格式的内容显示的,那我们需要显示html内容的时候,就可以通过wxParse来实现. 首先我们在github上下载wxParse  icindy/wxParse wxParse-微信小程序富文本解析自定义组件,支持HTML及markdown解析. Contribute to icindy/wxParse development by creating an ac

微信小程序使用wxParse解析html

转:http://www.jianshu.com/p/3de027555e77 最近项目上遇到在微信小程序里需要显示新闻内容,新闻内容是通过接口读取的服务器中的富文本内容,是html格式的,小程序默认是不支持html格式的内容显示的,那我们需要显示html内容的时候,就可以通过wxParse来实现.首先我们在github上下载wxParsehttps://github.com/icindy/wxParse 下载完之后我们需要用到目录下的wxParse文件夹,把他拷贝到我们的项目目录下 下面是具体

WordPress版微信小程序2.2.0版发布

2017年8月12日WordPress版微信小程序2.2.0版通过了微信的审核正式发布,此版本的更新以完善功能为主.主要更新的功能是:站内链接,猜你喜欢,热点文章. WordPress版微信小程序开放源码地址:https://github.com/iamxjb/winxin-app-watch-life.net 了解程序的开发历程及开发技术,建议看看相关版本的更新文章: 1.用微信小程序连接WordPress网站 2.WordPress版微信小程序1.5版本发布 3.WordPress版微信小程