美文网首页
5.微信小程序解析富文本

5.微信小程序解析富文本

作者: 指尖架构141319 | 来源:发表于2020-03-12 11:25 被阅读0次

1.引入wxParse插件

image.png

2.NoteDetail.wxss

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

3.NoteDetail.js

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

onLoad: function (options) {
var that = this;
var detail_content ="<div>阿拉斯加</div>";
//注意第一个参数需要与wxml中的一致
WxParse.wxParse('detail_content', 'html', detail_content, that, 5);
} 

3.NoteDetail.wxml

<!-- 引入富文本解析 -->
<import src="./wxParse/wxParse.wxml"/>

<view class="info">
  <!-- 引入富文本解析 -->
  <template is="wxParse" data="{{wxParseData:detail_content.nodes}}" />
</view>

相关文章

网友评论

      本文标题:5.微信小程序解析富文本

      本文链接:https://www.haomeiwen.com/subject/rdwyjhtx.html