zoukankan      html  css  js  c++  java
  • 微信小程序 解析html格式内容在小程序上页面显示出来

    1.下载wxParse

    github下载地址:https://github.com/icindy/wxParse

    2.在下载下来的文件放进小程序目录中,跟pages同级

    3.引入wxParse

      1.在对应的pages的页面中引入wxss 

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

      2.在对应的pages的页面中引入wxml

     <import src="../../wxParse/wxParse.wxml"/>
     <template is="wxParse" data="{{wxParseData:article.nodes}}"/>

      3.在对应的pages的页面中引入js

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

    Page({ data: {
        
    detailes:'<p style="text-align:center;font-size:16px;">微信小程序,小程序的一种,英文名Wechat Mini Program,是一种不需要下载安装即可使用的应用,它实现了应用“触手可及”的梦想,用户扫一扫或搜一下即可打开应用。 全面开放申请后,主体类型为企业、政府、媒体、其他组织或个人的开发者,均可申请注册小程序。微信小程序、微信订阅号、微信服务号、微信企业号是并行的体系。 微信小程序是一种不用下载就能使用的应用,也是一项创新,经过将近两年的发展,已经构造了新的微信小程序开发环境和开发者生态。 微信小程序也是这么多年来中国IT行业里一个真正能够影响到普通程序员的创新成果,已经有超过150万的开发者加入到了微信小程序的开发, 与我们一起共同发力推动微信小程序的发展,微信小程序应用数量超过了一百万,覆盖200多个细分的行业,日活用户达到两个亿,微信小程序还在许多城市实现了支持地铁、公交服务。 微信小程序发展带来更多的就业机会,2017年小程序带动就业104万人,社会效应不断提升。 [1] 2017年1月9日,张小龙在2017微信公开课Pro上发布的微信小程序正式上线 </p> <img src="https://bkimg.cdn.bcebos.com/pic/dcc451da81cb39dbeb543df1de160924aa183084?x-bce-process=image/resize,m_lfit,w_268,limit_1/format,f_jpg">'

      },
       onLoad: function () {
         var that = this;
          WxParse.wxParse('article', 'html', detailes, that,5);   
        }
     })

    这样就可以显示出来了:

  • 相关阅读:
    python之闭包,装饰器
    python之函数名称空间,作用域,嵌套函数
    python之函数基础
    Python之文件操作
    Linux之系统优化配置
    VMware安装CentOS操作系统详细步骤
    拷贝、浅拷贝、深拷贝解答
    python之字符串,列表,字典,元组,集合内置方法总结
    东方超环(EAST)世界纪录
    Vue通信、传值的多种方式,详解(都是干货)
  • 原文地址:https://www.cnblogs.com/0314dxj/p/12738880.html
Copyright © 2011-2022 走看看