微信小程序解析富文本过程详解

- wxParse/
 -wxParse.js(必须存在)
 -html2json.js(必须存在)
 -htmlparser.js(必须存在)
 -showdown.js(必须存在)
 -wxDiscode.js(必须存在)
 -wxParse.wxml(必须存在)
 -wxParse.wxss(必须存在)
 -emojis(表情包文件，可选)

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

@import"../../../wxParse/wxParse.wxss";

Var article= '<div>我是HTML代码</div>'; 
/** 
* WxParse.wxParse(bindName , type, data,target,imagePadding) 
* 1.bindName绑定的数据名(必填) 
* 2.type可以为html或者md(必填) 
* 3.data为传入的具体数据(必填) 
* 4.target为Page对象,一般为this(必填) 
** 5.imagePadding为当图片自适应是左右的单一padding(默认为0,可选) 
*/ 
var that = this; 
WxParse.wxParse('article', 'html', article,that, 5);

<import src="/UploadFiles/2021-04-02/wxParse.wxml">

引用模版




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


完成后页面就能够正常渲染HTML富文本数据了
示例

以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持。