mp-html

小程序富文本组件

news

1. 欢迎加入 QQ 交流群：699734691
2. 示例小程序添加获取组件包功能

功能介绍

•  支持在多个平台使用
•  支持丰富的标签（包括 table、video、svg 等）
•  支持丰富的事件效果（自动预览图片、链接处理等）
•  支持锚点跳转、长按复制等丰富功能
•  支持大部分 html 实体
•  丰富的插件（关键词搜索、内容编辑等）
•  效率高、容错性强且轻量化

使用方法

1. npm 方式

在项目根目录下执行

npm install mp-html

开发者工具中勾选 使用 npm 模块 并点击 工具 - 构建 npm

在需要使用页面的 json 文件中添加

{
  "usingComponents": {
    "mp-html": "mp-html"
  }
}

在需要使用页面的 wxml 文件中添加

<mp-html content="{{html}}" />

在需要使用页面的 js 文件中添加

Page({
  onLoad() {
    this.setData({
      html: 'Hello World!'
  })
 }
})

2. 源码方式

将源码中的代码包（dist/mp-weixin）拷贝到 components 目录下，更名为 mp-html

在需要使用页面的 json 文件中添加

{
  "usingComponents": {
    "mp-html": "/components/mp-html/index"
  }
}

后续步骤同上

获取

github 链接：https://github.com/jin-yufeng/mp-html

npm 链接：https://www.npmjs.com/package/mp-html

文档链接：https://jin-yufeng.gitee.io/mp-html