基于微信小程序的轻量富文本组件

• 运行命令 git clone https://github.com/yenche123/mini-text.git

1. 拷贝 /Components 下的 mini-text 文件夹到你的项目中
2. 拷贝 /utils 下的 mini-parser.js 到你的项目中
3. 在页面或组件的 json 文件下引入 mini-text

{
  "usingComponents": {
    "mini-text": "/path/to/mini-text/mini-text"
  }
}

4. 在逻辑层中使用

import { MiniParser } from "/path/to/mini-parser"
Page({
  data: {
    contentList: [],
  },
  onLoad() {
    let contentList = MiniParser.parse("在这里填入你想要解析的纯文本")
    this.setData({ contentList })
  },
})

5. 在布局层 .wxml 中使用

<mini-text text-list="{{contentList}}" />

在布局层中使用 <mini-text /> 时，其父节点建议包裹一个<view /> 作为 container，并且声明这个盒子的宽度和样式 position: relative;

<mini-text /> 拥有的 attribute

MIT