网站相关的其他文章（33）
首先去& 下载wxParse，只拷贝wxParse文件夹即可。
1、引入wxss&
@import &../wxParse/wxParse.wxss&;
2、引入wxml
&import src=&../wxParse/wxParse.wxml&/&
&view class=&wxParse&&
& & & &&&template is=&wxParse& data=&{{wxParseData:article_content.nodes}}&/&
& & & &&&/view&
3、引入js并加载数据
var app = getApp();
var WxParse = require('../wxParse/wxParse.js');
& & motto: 'jxcat',
& & serverUrl: app.globalData.ajaxUrl,
& & baseUrl: app.globalData.baseUrl,
& & title: &文章详情&,
& & article_title: &&,
& & article_content: &&,
& onLoad: function (options) {
& &var that = this
& &var result
& &//serverUrl = app.globalData.ajaxUrl
& & wx.request({
& & & url: app.globalData.ajaxUrl,&
& & & data: {
& & & & m: 'api',
& & & & c: 'article' ,
& & & & a: 'info',
& & & & aid: options.aid
& & & header: {
& & & & & 'content-type': 'application/json'
& & & success: function(res) {
& & & & & that.setData({
& & & & & & article_title:res.data.article_title,
& & & & & & article_content:WxParse.wxParse('article_content', 'html', res.data.article_content, that, 5)
& & & & & }) &
& & //request
参考知识库
* 以上用户言论只代表其个人观点，不代表CSDN网站的观点或立场
(1)(6)(4)(10)(3)(3)(3)(3)(2)(8)(3)(4)(3)(1)(4)(6)(2)(11)(1)(6)(4)(8)(4)(4)(6)(2)(15)(3)(4)(10)(5)(7)(1)(2)(6)(9)(7)(6)(2)(1)(1)(1)(4)wxParse version0.1正式发布-全面支持微信小程序富文本html及markdown动态解析 - CNode技术社区
这家伙很懒，什么个性签名都没有留下。
感谢各位在github予以的支持和鼓励以及建立，经过一周，wxParse渐渐完善，现在发布version0.1 欢迎大家使用探讨。
wxParse-微信小程序富文本解析自定义组件，支持HTML及markdown解析
垂直微信小程序开发交流社区
版本号: version0.1
效果GIF(加载较慢，请稍候)
github地址:
版本号: version0.1
希望大家能够发现问题，提交问题，也可以foke提交您的修改代码
支持大部分标签解析
支持code代码
支持video渲染
支持自定义样式
支持无限嵌套标签
--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&&
&template is=&wxParse& data=&{{wxParseData}}&/&
&/view&
在对应的js中引入wxParse.js文件
var WxParse = require('你的路径/wxParse/wxParse.js');
设置对应data值数组wxParseData(必须使用wxParseData),并设置
// html解析
onLoad: function () {
console.log('onLoad')
var html = '&div class=&content mousetrap&&&h1 id=&wxparse&&wxParse-微信小程序富文本解析自定义组件，支持HTML及markdown解析&/h1& &blockquote&&p&微信小程序富文本解析自定义组件，支持HTML及markdown解析&/p&&/blockquote& &h2 id=&-&&功能列表&/h2& &ul& &li&动态加载代码&/li& &li&html转json&/li& &li&markdown转html转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: } &div&test div&/div&&/code&&/pre& &h2 id=&-&&开发信息&/h2& &p&&a href=&http:/&#& target=&_blank&&微信小程序开发论坛&/a&&/p& &div class=&image-package&&&img src=&http:/&#/uploads/default/original/1X/323f35db8a54595c97.png& data-original-src=&http:/&#/uploads/default/original/1X/323f35db8a54595c97.png&&&br&&div 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 '
+' [微信小程序开发论坛](http:/&#) \n'
+' ';
var that = this
//更新数据
that.setData({
wxParseData:WxParse('md',text)
动态加载代码
html转json
markdown转html转json
富文本markdown解析
自定义层级解析
自定义样式表
cnode版wxParse使用
github地址:
相关讲解文章
第三方引用
目前没有找到更好的，感觉解析还是有问题，欢迎提供更好的代替品
垂直微信小程序开发交流社区
Alpha0.1 发布
video 支持
version0.1发布
有任何问题可以留言，欢迎pull 谢谢
CNode 社区为国内最专业的 Node.js 开源技术社区，致力于 Node.js 的技术研究。
服务器赞助商为
，存储赞助商为
，由提供应用性能服务。
新手搭建 Node.js 服务器，推荐使用无需备案的主题信息（必填）
主题描述（最多限制在50个字符）
申请人信息（必填）
申请信息已提交审核，请注意查收邮件，我们会尽快给您反馈。
如有疑问，请联系
IT出版旗舰品牌，由电子工业出版社计算机分社以专业化力量打造。以开发IT类图书选题为主业，散播专业知识，善待作者，尊重读者，诚邀天下技术精英加盟。
IT江湖，每一个IT人的江湖
业精于勤，荒于嬉；行成于思，毁于随!
请加 Q 群找我吧：
黑猫白猫抓住老鼠就是好猫，本文主要探讨一下在开发微信小程序富文本解析wxParse Alpha0.1-支持HTML及markdown解析过程中想要循环使用template的思路，却无法实现，后来使用笨办法的历程 ，希望这个过程在你的开发中给你带来一点小灵感