wxParse

WeChat 애플릿 서식 있는 텍스트 구문 분석 사용자 정의 구성 요소, HTML 및 마크다운 구문 분석 지원, 최초의 WeChat 애플릿 서식 있는 텍스트 구문 분석 구성 요소일 수 있음

WeChat 애플릿 리치 텍스트는 HTML 및 마크다운 구문 분석 wxParse Alpha0.1을 지원합니다.

wxParse.gif

코드 라이브러리

github 주소: github.com/icindy/wxParse

예

cnode 버전 wxParse 사용

github 주소: github.com/icindy/wechat-webapp-cnode

현재 상황

版本号: Alpha0.1-아직 직접 사용하기엔 적합하지 않습니다

현재 프로젝트는 완성본이 아니고 대략적인 수준에 불과합니다. 기본 HTML 및 기본 마크다운을 구문 분석할 수 있는 완성된 기본 크리에이티브 프로젝트입니다.
문제를 찾아 제출하거나 Foke를 통해 수정된 코드를 제출할 수 있기를 바랍니다.

이 프로젝트는 현재 베타 버전입니다. 버전이며 추가 개발 필요
wxParse, wxss 스타일 개선 필요
마크다운 구문 분석 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>

로그인 후 복사

해당 jswxParse.js

var WxParse = require(&#39;你的路径/wxParse/wxParse.js&#39;);

로그인 후 복사

파일을 추가하세요. 🎜>해당 데이터 값 배열
을 설정하고(wxParseData를 사용해야 함) wxParseData

// html解析

onLoad: function () {
    console.log(&#39;onLoad&#39;)
    var html = &#39;<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)

微信小程序logo

'; var that = this //更新数据 that.setData({ wxParseData:WxParse('html',html) }) }

로그인 후 복사

// markdown解析

onLoad: function () {
    console.log(&#39;onLoad&#39;)
    var text = &#39;# wxParse-微信小程序富文本解析自定义组件，支持HTML及markdown解析 \n&#39;
    +&#39; > 微信小程序富文本解析自定义组件，支持HTML及markdown解析 \n\n&#39; 
    +&#39;## 功能列表 \n * 动态加载代码  \n * html转json \n * markdown转html转json \n * 富文本markdown解析 \n * 自定义层级解析 \n * 自定义样式表 \n&#39;
    +&#39;## 文件作用 \n&#39;
    +&#39; " // wxParse.wxml //用于解析使用的模版 " \n&#39;
    +&#39;## 开发信息 \n &#39;
    +&#39; [微信小程序开发论坛](http://weappdev.com) \n&#39;
    +&#39; ![微信小程序logo](https://img.php.cn/upload/article/000/001/505/115945f096a6bba61f58be0b164de67b-1.png)&#39;;

    var that = this
    //更新数据
    that.setData({
      wxParseData:WxParse(&#39;md&#39;,text)
    })
  }

로그인 후 복사