TowxmlTowxml是一个可以将HTML和Markdown转为微信小程序WXML(WeiXinMarkupLanguage)的渲染库。用于解决微信小程序无法直接渲染Markdown和HTML的问题。特性支持代码语法高亮支持emoji表情支持上标、下标、下划线、删除线、表格、视频、图片(几乎所有html元素)...支持排版字符替换多主题动态支持极致中文排版优化前后端优化endsupport截图以下截图为demo目录编译效果快速上手1.cloneTOWXML到小程序根目录gitclonehttps://github.com/sbfkcel/towxml.git2.引入库//app小程序app.js中的.jsconstTowxml=require('/towxml/main');//引入towxml库App({onLaunch:function(){},towxml:newTowxml()//为小程序页面创建一个towxml对象})3.在Importthetemplateintotheappletpagefile4。在小程序对应的js中请求数据//pages/index.jsconstapp=getApp();Page({data:{//article将用于存储towxml数据article:{}},onLoad:function(){const_ts=this;//请求markdown文件并转化为内容wx.request({url:'http://xxx/doc.md',header:{'content-type':'application/x-www-form-urlencoded'},success:(res)=>{//包含markdown将内容转换为towxml数据letdata=app.towxml.toJson(res.data,'markdown');//设置文档显示主题,默认为'light'data.theme='dark';//设置数据_ts.setData({article:data});}});}})5.导入对应的WXSS/**pages/index.wxss**//**基本样式style**/@import'/towxml/style/main.wxss';/**如果页面有动态主题切换,需要导入所有用到的样式**//**主题配色(浅色风格)**/@import'/towxml/style/theme/light.wxss';/**主题配色(深色风格)**/@import'/towxml/style/theme/dark.wxss';OK,大功告成~~如果API想追求极致体验,推荐使用markdown,html将towxml数据转换的过程放在服务器,数据可以直接在小程序中请求。1.依赖环境需要有Node.js环境。(已经安装的忽略)2.安装towxmlnpminstalltowxml3.接口使用constTowxml=require('towxml');consttowxml=newTowxml();//Markdown到WXMLletwxml=towxml.md2wxml('#Articletitle');//html到WXMLletwxml=towxml.html2wxml('
Articletitle
');//Markdown转towxml数据letdata=towxml.toJson('#文章标题','markdown');//htm转towxml数据letdata=towxml.toJson('#文章标题');Demo示例添加towxml/demo作为小程序项目,然后clonetowxml到demo目录下,使用小程序开发工具编译LicenseMIT