微信小程序关于商品详情类的富文本解析器

2020年08月10日

| 萬仟网IT编程

 | 我要评论

微信小程序关于商品详情类的富文本解析器富文本的解析，在vue中有v-html解析富文本的方法，但是在微信小程序中就不可以了，所以今天老师讲解了一种关于微信小程序的富文本的解析方法github地址：https://github.com/icindy/wxParse使用方法1，下载github官方wxParse目录到小程序的根目录下文件结构：​wxParse/​-wxParse.js(必须存在)​-html2json.js(必须存在)​-htmlparser.

微信小程序关于商品详情类的富文本解析器

富文本的解析，在vue中有v-html解析富文本的方法，但是在微信小程序中就不可以了，所以今天老师讲解了一种关于微信小程序的富文本的解析方法

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

使用方法

1，下载github官方wxParse目录到小程序的根目录下

文件结构：

​wxParse/

​-wxParse.js(必须存在)

​-html2json.js(必须存在)

​-htmlparser.js(必须存在)

​-showdown.js(必须存在)

​-wxDiscode.js(必须存在)

​-wxParse.wxml(必须存在)

​-wxParse.wxss(必须存在)

​-emojis(可选)

2，引入必要的文件：

//在要使用的页面中引入WxParse模块

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

3，将WxParse.css引入在app.wxss中

@import "/wxParse/wxParse.wxss";

4，将富文本绑定给wxParse

格式：wxparse.wxparse(参数1，参数2，参数3，参数4，参数5)

参数说明：

​1，bindName绑定的数据名(必须)

​2，type选填html或md(必须)

​3，data为传入的具体数据(必填)

​4，target为page对象，一般为this(必填)

​5，imagePadding为当图片自适应是左右的单一padding(默认值0，可选)

例如：

var article = '

';

var that = this;

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

5，引入模板

//这里data中article为bindName

本文地址：https://blog.csdn.net/weixin_48210599/article/details/107885431

版权声明：本文内容由互联网用户贡献，该文观点仅代表作者本人。本站仅提供信息存储服务，不拥有所有权，不承担相关法律责任。

如发现本站有涉嫌抄袭侵权/违法违规的内容， 请发送邮件至 2386932994@qq.com 举报，一经查实将立刻删除。

相关文章:

import phantom from 'phantom'; const pageToPdf...

循环语句简单基本的循环，while、do…while、for循环。这篇文章简单的讲一下三种循环。while循环w...

JS工具函数生成一周时间类型判断对象属性剔除数组去重日期格式化防抖节流base64数据导出文件下载检测是否为PC...

如何在小程序里使用ECharts(快速上手)首先ECharts的官网给出了如何在小程序里使用ECharts的官方...

三级联动考察的应该是对于数据的处理，只要清楚其中的关系，再多几级都是一样的：

html部分：

..

很久没写博客了原因就是懒， 刚下班今天写了个基于element导航菜单实现多层菜单(可以无限多层) 组件核心思想就是组件递归(这个有时候面试会问到) 可...

本文实例讲述了javascript数据结构之广义表的定义与表示方法。分享给大家供大家参考，具体如下：

广义表是线性表的推广，也有人...

前言

其实在d3.js的api文档中，提供了很多内置的函数，但是有些很有用的内置函数却被无情的忽略了，这篇博客就来整理整理这些...

概述redux 里面 action 是无法进行异步操作的这时我们就需要用到 redux 中间键来增强 actio...

调用 // 分页import pages from 'components/common/pages/pages' componen...

网友评论

验证码：