wxParse version0.2-更好的微信小程序富文本HTML及Markdown解析
发布于 8 年前 作者 icindy 5080 次浏览 来自 分享

wxParse信息

  • 版本号0.1
  • 历史版本号0.2 具体代码请查看仓库分支V1
  • github地址: https://github.com/icindy/wxParse
  • 解决问题:微信小程序富文本html、md解析组件
  • 详述:因为微信小程序没有提供webview等html解析,原展示类文本没有办法图文并茂的原生展示,wxParse主要目的就是弥补富文本解析空缺的组件,欢迎使用反馈

本次更新主要内容

  • 特性增加
  • 增加内联样式
  • 增加Class植入
  • 增加图片视觉适应
  • 增加图片预览及相册功能
  • 增加标签分类(行内和块级标签分类)
  • 使用优化
  • 减少引入使用代码
  • 优化使用方式
  • 释放更多接口

各个功能预览

  • 多标签解析

多标签解析)

  • 图片预览和相册功能GIF

图片预览和相册功能

  • 图片视觉自适应

图片视觉自适应

使用方式

wxParse 0.2相比wxParse 0.1 优化了使用方式减少使用代码

  • 1.复制插件文件wxParse文件夹

  • 2.引入模版代码

<import src="../../wxParse/wxParse.wxml"/> 
<template is="wxParse" data="{{wxParseData}}"/>
  • 3.引入执行文件
var WxParse = require("../../wxParse/wxParse.js")
/*** 传值* 1. 类型type->"md/html"* 2. 介些内容data* 3. 指向对象-> page*/
var that = this
WxParse.wxParse("html",html,that)
  • 4.可选: image的tap事件,影响图片预览和相册功能
wxParseImgTap: function(e){
    var that = this
    WxParse.wxParseImgTap(e,that)
  }

相关讲解文章

第三方引用

流程图

wxParse流程图)

开发信息

微信小程序开发论坛 垂直微信小程序开发交流社区

历史版本信息

回到顶部