README.md · 嘻嘻啦啦哈/aParse - Gitee.com

当前仓库属于关闭状态，部分功能使用受限，详情请查阅仓库状态说明

forked from royalpioneer/aParse

加入 Gitee

与超过 1200万开发者一起发现、参与优秀开源项目，私有仓库也完全免费：）

文件

克隆/下载

README.md 1.94 KB

# ddParse

#### 项目介绍
钉钉小程序富文本解析解决方案，能在应用中解析html，markdown代码。使用方式如下，基本使用样例见aParse/index。

#### 实现样例：

<div style="display:flex">
    <div display='flex:1'>
        <img src='https://images.gitee.com/uploads/images/2019/0530/182507_ce094ee9_1670794.jpeg' style="width:250px">
    </div>
    <div dispaly="flex:1">
        <img src='https://images.gitee.com/uploads/images/2019/0530/182534_8e62ae11_1670794.png' style="width:250px">
    </div>
</div>

#### 基本使用方法
（1）复制文件夹：

> 复制文件夹aParse至项目中

(2)引入必要文件:

> 在需要使用的页面中引入aParse组件

<import src="../../component/aParse/aParse.axml"/>

> 在使用的acss中引入aParse.acss,也可以在app.acss中全局引入

@import "../../component/aParse/aParse.acss";

(3)数据绑定

> index.js

var AParse = require('../../component/aParse/aParse.js');
    
    Page({
      onLoad(query) {
    
      let article = `
          <h3>
          <span style="color:red">钉钉小程序</span>
          <span style="color:green">富文本解析</span>
          <span style="color:blue">解决方案</span>
          </h3>
      `
        /**
         * 使用说明：
        * AParse.AParse(bindName , type, data, target,imagePadding)
        * 1.bindName绑定的数据名(必填)
        * 2.type可以为html或者md(必填)
        * 3.data为传入的具体数据(必填)
        * 4.target为Page对象,一般为this(必填)
        * 5.imagePadding为当图片自适应是左右的单一padding(默认为0,可选)
        */
    
        let that = this;
        AParse.aParse('article', 'html', article, that, 5);
      }
    });

（4）模板引用：

> 在相应的axml中引入模板，这里的article为bindName

<import src="../../component/aParse/aParse.axml"/>
    
    <template is="aParse" data="{{aParseData:article.nodes}}"/>

一键复制原始数据按行查看历史

提交于 2019-05-30 18:40 . 更新 README.md

﻿# ddParse

#### 项目介绍
钉钉小程序富文本解析解决方案，能在应用中解析html，markdown代码。使用方式如下，基本使用样例见aParse/index。

#### 实现样例：

<div style="display:flex">
    <div display='flex:1'>
        <img src='https://images.gitee.com/uploads/images/2019/0530/182507_ce094ee9_1670794.jpeg' style="width:250px">
    </div>
    <div dispaly="flex:1">
        <img src='https://images.gitee.com/uploads/images/2019/0530/182534_8e62ae11_1670794.png' style="width:250px">
    </div>
</div>

#### 基本使用方法
（1）复制文件夹：

> 复制文件夹aParse至项目中

(2)引入必要文件:

> 在需要使用的页面中引入aParse组件

    <import src="../../component/aParse/aParse.axml"/>

> 在使用的acss中引入aParse.acss,也可以在app.acss中全局引入

    @import "../../component/aParse/aParse.acss";

(3)数据绑定

> index.js

    var AParse = require('../../component/aParse/aParse.js');
    
    Page({
      onLoad(query) {
    
      let article = `
          <h3>
          <span style="color:red">钉钉小程序</span>
          <span style="color:green">富文本解析</span>
          <span style="color:blue">解决方案</span>
          </h3>
      `
        /**
         * 使用说明：
        * AParse.AParse(bindName , type, data, target,imagePadding)
        * 1.bindName绑定的数据名(必填)
        * 2.type可以为html或者md(必填)
        * 3.data为传入的具体数据(必填)
        * 4.target为Page对象,一般为this(必填)
        * 5.imagePadding为当图片自适应是左右的单一padding(默认为0,可选)
        */
    
        let that = this;
        AParse.aParse('article', 'html', article, that, 5);
      }
    });



（4）模板引用：

> 在相应的axml中引入模板，这里的article为bindName

    <import src="../../component/aParse/aParse.axml"/>
    
    <template is="aParse" data="{{aParseData:article.nodes}}"/>

马建仓 AI 助手

尝试更多

代码解读

代码找茬

代码优化

JavaScript

1

https://gitee.com/xixilalaha/aParse.git

git@gitee.com:xixilalaha/aParse.git

xixilalaha

aParse

aParse

master