小程序中使用富文本

1.下载插件wxParse:https://github.com/SuperDalu/wxParse.git

2.放在小程序根目录下

3.在需要用到的页面中插入

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

4.在当前页面的js文件中

var WxParse = require('../../wxParse/wxParse.js');
onLoad: function (options) {
      var that = this;
    var htmlTpl = '<p>某某某先生:</p ><p><br></p ><p>谨代表XXX公司,真诚欢迎您加入&nbsp;研发部&nbsp;任 技术总监。</p ><p><br></p ><p>请您于 2019年 3 月 1日(星期五)上午9:00,携带以下物品,到 某某某地点处办理报到手续。</p ><p><br></p ><p>1、居民身份证原件及复印件4张;</p ><img src="http://b.zcjsny.top//img/boy.png"></img>';

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

  },

页面就已经可以显示了,这是测试用的,实际中将文本换成从后台获取来的数据即可

 

上一篇:原生小程序插件wxParse的使用


下一篇:wxParse解析富文本内容使点击图片可以选中并实现放大缩小