wxParse是目前我在小程序中常用的富文本解决方案
// js
import WxParse from '../../../wxParse/wxParse'
let articles = content; // 富文本
WxParse.wxParse('article', 'html', articles, this, 5);
// wxml
<template is="wxParse" data="{{wxParseData:article.nodes}}" />
<import src="../../../wxParse/wxParse.wxml" />
// 这是一个富文本内容的渲染方法
// 当有通过页面有多个富文本需要渲染,并且数量还不确定是接口返回回来的就比较复杂了 虽然可以使用rich-text 但感觉不是很好那个原生组件
// 这个时候就可以使用wxparse中另一个js文件
//js
import html2json from '../../../wxParse/html2json'
data:{
htmlAry:[]
}
var length = parseInt(Math.random()*10)
for(var i = 0; i < length; i++){
this.data.htmlAry[i] = html2json.html2json(content,'returnData')
}
<template is="wxParse" data="{{wxParseData:htmlAry[index].nodes}}" />
共有条评论 网友评论