首先,官方推荐的默认组件不支持图片。
官方推荐的插件
这个插件存在一个巨大的坑。用这个插件下的富文本的html字符串里的标签都需要闭合,比如说<br>
一定要是<br/>
最明显的是<img>
这样的一定要写成<img/>
否者支付宝小程序页面显示不出来。就很尴尬。所以这个项目就放弃用这个插件。改用WxParse 支付宝版的。
支持支付宝的插件,和微信用法一样。文件有所改动
话不多说,直接上代码~
首先页面是要引用的,路径自己改哈~
<import src="../../wxParse/wxParse.axml"/>
css 的引用
@import "../../wxParse/wxParse.acss";
js引入部分就需要多一点
var wxParse = require('../../wxParse/wxParse.js');
import HtmlToJson from '../../wxParse/html2json.js';
var wxDiscode = require('../../wxParse/wxDiscode.js');
var HTMLParser = require('../..//wxParse/htmlparser.js');
wxParse.wxParse('article', 'html', article, that, 5);
代码就不解释了,很一目了然。
页面引入
<template is="wxParse" data="{{wxParseData:article.nodes}}"/>
百度云 永久分享链接 wxParse插件
链接:https://pan.baidu.com/s/1GpAp-nHtCafSwX_dcO-8AA 提取码:v2uh