|
導(dǎo)讀微信小程序,簡稱小程序,英文名Mini Program,是一種不需要下載安裝即可使用的應(yīng)用,它實(shí)現(xiàn)了應(yīng)用“觸手可及”的夢想,用戶掃一掃或搜一下即可打開應(yīng)用。小程序是一種不用下載就能使用的應(yīng)用,也是一... 微信小程序,簡稱小程序,英文名Mini Program,是一種不需要下載安裝即可使用的應(yīng)用,它實(shí)現(xiàn)了應(yīng)用“觸手可及”的夢想,用戶掃一掃或搜一下即可打開應(yīng)用。小程序是一種不用下載就能使用的應(yīng)用,也是一項(xiàng)門檻非常高的創(chuàng)新,經(jīng)過將近兩年的發(fā)展,已經(jīng)構(gòu)造了新的小程序開發(fā)環(huán)境和開發(fā)者生態(tài)。 wxParse
wxParse.gif 代碼庫
示例
現(xiàn)狀
組成-wxParse --wxParse.js(工具類入口輸出口) --wxParse.wxml(模版文件) --wxParse.wxss(定義css) 使用方法
// html解析
onLoad: function () {
console.log('onLoad')
var html = '<p class="content mousetrap"><h1 id="wxparse">wxParse-微信小程序富文本解析自定義組件,支持HTML及markdown解析</h1> <blockquote><p>微信小程序富文本解析自定義組件,支持HTML及markdown解析</p></blockquote> <h2 id="-">功能列表</h2> <ul> <li>動態(tài)加載代碼</li> <li>html轉(zhuǎn)json</li> <li>markdown轉(zhuǎn)html轉(zhuǎn)json</li> <li>富文本markdown解析</li> <li>自定義層級解析</li> <li>自定義樣式表</li> </ul> <h2 id="-">文件作用</h2> <pre class="hljs scala"><code class="scala"><span class="hljs-comment">// wxParse.wxml</span> <span class="hljs-comment">//用于解析使用的模版</span> .css{ text-align:center; } <p>test p</p></code></pre> <h2 id="-">開發(fā)信息</h2> <p><a href="http://weappdev.com" target="_blank">微信小程序開發(fā)論壇</a></p> <p class="image-package"><br><p class="image-caption">微信小程序logo</p></p> </p>';
var that = this
//更新數(shù)據(jù)
that.setData({
wxParseData:WxParse('html',html)
})
}// markdown解析
onLoad: function () {
console.log('onLoad')
var text = '# wxParse-微信小程序富文本解析自定義組件,支持HTML及markdown解析 \n'
+' > 微信小程序富文本解析自定義組件,支持HTML及markdown解析 \n\n'
+'## 功能列表 \n * 動態(tài)加載代碼 \n * html轉(zhuǎn)json \n * markdown轉(zhuǎn)html轉(zhuǎn)json \n * 富文本markdown解析 \n * 自定義層級解析 \n * 自定義樣式表 \n'
+'## 文件作用 \n'
+' " // wxParse.wxml //用于解析使用的模版 " \n'
+'## 開發(fā)信息 \n '
+' [微信小程序開發(fā)論壇](http://weappdev.com) \n'
+' ';
var that = this
//更新數(shù)據(jù)
that.setData({
wxParseData:WxParse('md',text)
})
}功能列表
TODO
第三方引用
以上就是微信小程序富文本支持HTML及markdown解析wxParse Alpha0.1的詳細(xì)內(nèi)容,更多請關(guān)注php中文網(wǎng)其它相關(guān)文章! 小程序是一種不需要下載安裝即可使用的應(yīng)用,它實(shí)現(xiàn)了應(yīng)用“觸手可及”的夢想,用戶掃一掃或者搜一下即可打開應(yīng)用。 |
溫馨提示:喜歡本站的話,請收藏一下本站!