小程序解析html(使用wxParse)

正好遇到一个数据里面是html格式的数据,小程序不支持,网上找到这个做下记录,下面是我下好的wxParse文件目录

我的文件夹放的和pages同级

1.首先引入样式@import "/wxParse/wxParse.wxss";

2.在需要加载html内容的页面对应的js文件里引入wxParse

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

3.使用

.js里面解析数据加这个就好了

//用wxParse解析html

var article=res.data.detail.introduce;

WxParse.wxParse(‘article‘,‘html‘,article,that,5);

.wxml里面

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

<!-- 解析富文本框内容 -->

<template is="wxParse" data="{{wxParseData:article.nodes}}"/>

这样就可以了

参考https://github.com/icindy/wxParse

原文地址:https://www.cnblogs.com/zhihou/p/10480227.html

时间: 2024-08-01 02:15:46

小程序解析html(使用wxParse)的相关文章

微信小程序解析html

1.下载wxParse:https://github.com/icindy/wxParse并拷贝到项目目录下与pages同级即可2.在app.wxss全局样式头部引入wxParse.wxss2.在需要解析html的js头部引入wxParse.js并加载数据,如: var WxParse = require('../../../wxParse/wxParse.js'); Page({ onLoad: function (options) { that.setData({ content: WxPa

微信小程序 —— 微信小程序解析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

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

工作中有遇到过在小程序中需要解析后台管理系统设置的富文本内容, 一,可以使用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标签带有&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

资料相关: https://github.com/icindy/wxParse 场景:微信小程序文章详情想要展示一些带有html标签的文章,但是不支持,直接展示一堆html标签,用wxParse可以解析出html标签展示为真正的文本格式. 按照git文档的步骤即可: 1.拷贝文件wxParse:- wxParse/ -wxParse.js(必须存在) -html2json.js(必须存在) -htmlparser.js(必须存在) -showdown.js(必须存在) -wxDiscode.js

三十、小程序解析HTML(对富文本返回数据的处理)

1.首先需要下载插件wxParse 下载地址 https://github.com/ZCLegendary/WXNews 百度云盘有保存 WXML <import src="../../../wxParse/wxParse.wxml"/> <view class="wxParse"> <template is="wxParse" data="{{wxParseData:article.nodes}}&quo

前端面试题总结(js、html、小程序、React、ES6、Vue、算法、全栈热门视频资源)持续更新 &#362414;

原文: http://blog.gqylpy.com/gqy/438 置顶:来自一名75后老程序员的武林秘籍--必读(博主推荐) 来,先呈上武林秘籍链接:http://blog.gqylpy.com/gqy/401/ 你好,我是一名极客!一个 75 后的老工程师! 我将花两分钟,表述清楚我让你读这段文字的目的! 如果你看过武侠小说,你可以把这个经历理解为,你失足落入一个山洞遇到了一位垂暮的老者!而这位老者打算传你一套武功秘籍! 没错,我就是这个老者! 干研发 20 多年了!我也年轻过,奋斗过!我

【h5标签转小程序标签】小程序使用wxParse解析html教程

一.先下载所需文件,下载地址:https://pan.baidu.com/s/1umZO9uI24zUTRd7VqaWbAg  ,下载完毕后会得到一个wxParse文件夹,后面会用到: 二.先拷贝css到app.wxss文件,css如下: /** * author: Di (微信小程序开发工程师) * organization: WeAppDev(微信小程序开发论坛)(http://weappdev.com) * 垂直微信小程序开发交流社区 * * github地址: https://githu

微信小程序使用wxParse解析html

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