加入收藏 | 设为首页 | 会员中心 | 我要投稿 李大同 (https://www.lidatong.com.cn/)- 科技、建站、经验、云计算、5G、大数据,站长网!
当前位置: 首页 > 综合聚焦 > 资源网站 > 资源 > 正文

微信小程序之富文本解析

发布时间:2020-12-14 19:49:35 所属栏目:资源 来源:网络整理
导读:示例效果图 github地址 wxParse (1)、在需要使用的wxml文件中引入WxParse.wxml (2)、在当前页对应的js中引入wxParse.js //对应页.js var WxParse = require('../../wxParse/wxParse.js'); (3)、使用template组件 (4)、在当前页的js中使用WxParse中的

示例效果图

  • github地址wxParse

  • (1)、在需要使用的wxml文件中引入WxParse.wxml

      
      
  • (2)、在当前页对应的js中引入wxParse.js

      //对应页.js 
      var WxParse = require('../../wxParse/wxParse.js');
  • (3)、使用template组件

      
      
      
      
  • (4)、在当前页的js中使用WxParse中的方法

      //当前页.js
      var WxParse = require('../../wxParse/wxParse.js');
      Page({
        data: {
    
    },onLoad: function () {
      var that = this;
      var love =
        `<div>
              <span>请说出你最喜欢最喜欢的明星?</span>
              <ul>
                  <li>易烊千玺</li>
                  <li>迪丽热巴</li>
              </ul>
          </div>`;
      WxParse.wxParse('article','html',love,that,5);
    },})
      /**
    • WxParse.wxParse(bindName,type,data,target,imagePadding)
    • 1.bindName绑定的数据名(必填)
    • 2.type可以为html或者md(必填)
    • 3.data为传入的具体数据(必填)
    • 4.target为Page对象,一般为this(必填)
    • 5.imagePadding为当图片自适应是左右的单一padding(默认为0,可选)
      */

  • 最近用微信小程序写项目,遇到富文本这个问题,看了github,不是特别清楚,这一篇文章很清楚
  • 原文地址:

(编辑:李大同)

【声明】本站内容均来自网络,其相关言论仅代表作者个人观点,不代表本站立场。若无意侵犯到您的权利,请及时与联系站长删除相关内容!

    推荐文章
      热点阅读