ホームページ > 記事 > WeChat アプレット > WeChat アプレットのリッチ テキストは、HTML およびマークダウン解析をサポートします。wxParse Alpha0.1
WeChat アプレット リッチ テキスト解析カスタム コンポーネント、HTML およびマークダウン解析をサポート、最初の WeChat アプレット リッチ テキスト解析コンポーネントになる可能性があります
githubアドレス: github.com/icindy/wxParse
cnodeのバージョンwxParseの使い方
githubアドレス: github.com/icindy/wechat-webapp-cnode
バージョン番号: Alpha0.1
- 現時点では直接使用には適していません版本号: Alpha0.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"> <template is="wxParse" data="{{wxParseData}}"/> </view>
在对应的js中引入wxParse.js
文件
var WxParse = require('你的路径/wxParse/wxParse.js');
设置对应data值数组wxParseData
このプロジェクトは現在ベータ版にすぎず、さらなる改善の必要があります
必要wxParse、wxssのスタイルを改善する
HTMLのマークダウン解析を強化する必要がある
その他
で構成される
// 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>动态加载代码</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:center; } <p>test p</p></code>
![](https://img.php.cn/upload/article/000/001/505/115945f096a6bba61f58be0b164de67b-1.png)
wxParse/ コード>ルートディレクトリに
wxParse.wxss
が、このプラグインを呼び出すスコープに導入されます。 テンプレート ファイル wxParse を <code>x に導入します。使用したいテンプレートの.wxml
// 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://weappdev.com) \n' +' ![微信小程序logo](https://img.php.cn/upload/article/000/001/505/115945f096a6bba61f58be0b164de67b-1.png)'; var that = this //更新数据 that.setData({ wxParseData:WxParse('md',text) }) }
wxParse.js
ファイルを導入しますwxParseData
( wxParseData を使用する必要があります)、以上がWeChat アプレットのリッチ テキストは、HTML およびマークダウン解析をサポートします。wxParse Alpha0.1の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。