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

1、首先需要下载插件wxParse

下载地址

https://github.com/ZCLegendary/WXNews

百度云盘有保存

WXML
<import src="../../../wxParse/wxParse.wxml"/>
<view class="wxParse">
      <template is="wxParse" data="{{wxParseData:article.nodes}}"/>
</view>

JS
var WxParse = require(‘/../../../wxParse/wxParse.js‘);
 request.HttpRequst(true, app.classify.findGoodsById, json, function (res) {
      var content = res.goodsDescribe;//返回的参数,各种html标签
      var article = content;
      WxParse.wxParse(‘article‘,‘html‘,article,that);
})

  注:须将html2json.js中的console.dir改成console.log()或者注释

原文地址:https://www.cnblogs.com/deng-jie/p/9497392.html

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

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

「wxParser」小程序插件:想在小程序中快速部署富文本?这个插件让你一步搞定

上期,我们在<「微信同声传译」小程序插件:快速实现语音转文字.文本翻译.语音合成等能力>一文中介绍了「微信同声传译」小程序插件的意义.作用以及应用.而在此之前,我们还介绍过「腾讯地图」.「腾讯视频」.「医院 LBS 位置服务」插件,有兴趣了解的读者可以点击「微信极客WeGeek」公众号底部菜单「极客干货 - 小程序插件」了解. 今天我们为大家推荐的是一款富文本渲染插件「wxParser」,目前 wxParser 支持对一般的富文本内容包括标题.字体大小.对齐和列表等进行解析.同时也支持表格.代

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

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

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

[微信小程序] 微信小程序下拉滚动选择器picker绑定数据的两种方式

微信小程序下拉滚动选择器picker绑定数据的两种方式  本地数据绑定和wx.request(OBJECT) json数据绑定 1.本地数据绑定 (对象数组) Page({ data:{ //户型 这是一个本地的对象,然后绑定到页面上 pic_array: [ { id: 13, name: '1室1厅1卫' }, { id: 14, name: '1室2厅1卫' }, { id: 15, name: '2室1厅1卫' }, { id: 16, name: '3室1厅2卫' }, { id: 1

小程序云开发向数据库中新增数据

小程序云开发向数据库中新增数据,基本操作在新建完一个云项目后都有了,右键上传部署login云函数后,就可以在模拟器中简单地操作数据库了 这是databaseGuide.js生成时就给出的代码,增删改查都需要先将相关部分的代码去掉注释. // pages/databaseGuide/databaseGuide.js const app = getApp() Page({ data: { step: 1, counterId: '', openid: '', count: null, queryRe

富文本域数据保存到数据库

前言:<富文本域数据保存到数据库>,这个标题感觉还不够清晰明了.只好再赘述一遍了,前端使用了bootstrap的wysiwyg富文本组件,然后就是不知道怎么保存图片,图片数据提交到数据库后,在前端无法显示. 今天看到jquery.base64.js,隐隐约约知道了解决方案. 经常不经意间就发现文章被扣到各式各样的网站上面,甚是可恶! 那么人生何处不爬虫,爬虫请标http://blog.csdn.net/qing_gee 见贤思齐焉,见不贤而内自省也! 普通做法 function html_en

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

小程序解析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 ar

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