微信小程序富文本解析

深藏阁楼爱情的钟 2021-12-23 22:05 506阅读 0赞

方法一：使用rich-text标签

eg:

方法二：使用wxParse插件解析

1.在wxml文件中引用wxParse.wxml

  1. <import src="../../wxParse/wxParse.wxml"/> 
  3. <view class="content" >
  4.     <template is="wxParse" data="{
  5.    {wxParseData:content.nodes}}" />  
  6. </view>

2.在js文件中引用wxParse.js

  1. var WxParse = require('../../wxParse/wxParse.js');
  2. Page({
  3.   data: {
  6.   },
  7.   onLoad:function(){
  8.      var content="<p style="color: #9AACC7;font-size:30px;">hello!</p>";
  9.      let that=this;
  10.      WxParse.wxParse("content", 'html', content, that, 5);    
  12.   }
  14. })

3.在wxss文件中引用样式wxParse.wxss

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

发表评论

表情：
评论列表 （有 0 条评论，506人围观）

还没有评论，来说两句吧...

相关阅读