小程序的富文本

第一种方式：

在github下载wxParse

把这个文件拖进项目底下

引进

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

引进

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

引进

<import src="你的路径/wxParse/wxParse.wxml"/>

数据绑定

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);

页面上引用模板

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

第二种方式：

在小程序后台引用插件wxParse

重复上面的步骤

只是这样引用的

<wxparser rich-text="{{richText}}" />

 

如果觉得不错的话 可以支持一下我