wxParse version0.2-更好的微信小程序富文本HTML及Markdown解析

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)
  }

相關講解文章

• wxDiscode－微信小程序特殊字符轉義符轉化工具類

• 微信小程序組件wxParse中的模版template使用 既然不能循環那就使用笨辦法

• 微信小程序單圖片的自適應計算

第三方引用

• html->json html2json
  目前沒有找到更好的，感受解析仍是有問題，歡迎提供更好的代替品

• markdown->html showdown

流程圖

開發信息

微信小程序開發論壇
垂直微信小程序開發交流社區

歷史版本信息

• 歷史版本version 0.1

• 相關文章

  • [wxParse version0.1正式發佈-全面支持微信小程序富文本html及markdown動態解析](https://weappdev.com/t/wxpars...