当前位置: ref='/hzjcw/'>兰州城市网 > 百家

微信小法度榜样富文本解析wxParse Alpha0.1-支撑HT

时间:2017-02-27 09:19来源: 作者: 点击:
wxParse-微信小法度榜样富文本解析自定义组件,支撑HTML及markdown解析 本项目由 微信小法度榜样开辟论坛-WeAppDev 会员开辟 垂直微信小法度榜样开辟交换社区 后果GIF(图片太年夜, 北京微信
wxParse-微信小法度榜样富文本解析自定义组件,支撑HTML及markdown解析
  本项目由 微信小法度榜样开辟论坛-WeAppDev 会员开辟
  垂直微信小法度榜样开辟交换社区
  后果GIF(图片太年夜,北京微信小程序开发细节你必须注意,满满加载)
  代码库
  github地址: https://github.com/icindy/wxParse
  近况
  版本号: Alpha 0.1
  今朝项目不属于完全版,只是年夜概完成了基本的构思项目,可以或许解析根本的html,基本的markdown。
  欲望年夜家可以或许发明问题,提交问题,也可以foke提交您的修改代码
  项目今朝在只是测试版,须要进一步完美 须要完美样式wxParse,微信小程序开发指南是微信公众平台正式发布的一份小程序开发指南,最近微信小程序的上线在圈内真是掀起了一场大风波,wxss 须要加强markdown解析html 其他 构成
  -wxParse --wxParse.js(对象类进口输出口) --wxParse.wxml(模版文件) --wxParse.wxss(定义css) 应用办法 复制全部文件夹 wxParse/ 到根目次 把样式文件 wxParse.wxss 引入到您调用本插件的感化域爱好
  @import 你的路径/wxParse/wxParse.wxss, 在须要应用的模版的 x,在可预见的将来,微信小程序自助开发肯定会有很大的市场,谁能尽快掌握这一技能,谁就能赚到第一桶金.wxml 中引入模版文件 wxParse.wxml
  import src=你的路径/wxParse/wxParse.wxml/ view class=wxParse block wx:for={{wxParseData}} template is=wxParse data={{item}}/ /block /view 在对应的js中引入 wxParse.js 文件
  var WxParse = require('你的路径/wxParse/wxParse.js') 设置对应data值数组,如 wxParseData ,并设置
  // html解析 onLoad: function { console.log('onLoad') var html = 'div class=content mousetraph1 id=wxparsewxParse-微信小法度榜样富文本解析自定义组件,支撑HTML及markdown解析/h1 blockquotep微信小法度榜样富文本解析自定义组件,支撑HTML及markdown解析/p/blockquote h2 id=-功能列表/h2 ul li动态加载代码/li lihtml转json/li limarkdown转html转json/li li富文本markdown解析/li li自定义层级解析/li li自定义样式表/li /ul h2 id=-文件感化/h2 pre class=hljs scalacode class=scalaspan class=hljs-comment// wxParse.wxml/span span class=hljs-comment//用于解析应用的模版/span .css{ text-align:center } divtest div/div/code/pre h2 id=-开辟信息/h2 pa href= target=_blank微信小法度榜样开辟论坛/a/p div class=image-packageimg src= data-original-src= class=image-caption微信小法度榜样logo/div/div /div' var that = this //更新数据 that.setData({ wxParseData:WxParse('html',html) }) }
  // markdown解析 onLoad: function { console.log('onLoad') var text = '# wxParse-微信小法度榜样富文本解析自定义组件,支撑HTML及markdown解析 \n' +' 微信小法度榜样富文本解析自定义组件,支撑HTML及markdown解析 \n\n' +'## 功能列表 \n * 动态加载代码 \n * html转json \n * markdown转html转json \n * 富文本markdown解析 \n * 自定义层级解析 \n * 自定义样式表 \n' +'## 文件感化 \n' +' ``` // wxParse.wxml //用于解析应用的模版 ``` \n' +'## 开辟信息 \n ' +' [微信小法度榜样开辟论坛]( \n' +' ![微信小法度榜样logo](' var that = this //更新数据 that.setData({ wxParseData:WxParse('md',text) }) } 具体办法文件
------分隔线----------------------------
推荐内容