Skip to content

mpvue-wxParse 适用于 Mpvue 的微信小程序富文本解析自定义组件,支持 HTML 及 markdown 解析

License

Notifications You must be signed in to change notification settings

aOrz/mpvue-wxParse

 
 

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

mpvue-wxParse 适用于 Mpvue 的微信小程序富文本解析组件

支持 Html 及 markdown 转 wxml 可视化,修改自: 微信小程序开发论坛-weappdev

npm package npm downloads

特性

支持特性 实验功能 ToDo
- [x] HTML的大部分标签解析 [x] 小表情emjio [x] table标签
- [x] 内联style [x] a标签跳转
- [x] 标签Class [x] 动态添加
- [x] 图片自适应规则
- [x] 图片多图片预览
- [x] 模版层级可扩展性
- [x] 多数据循环方式
- [x] 内联style

基本使用方法

    1. 安装
npm i mpvue-wxparse
    1. 使用
<template>
  <div>
    <wxParse :content="article" />
  </div>
</template>

<script>
import wxParse from 'mpvue-wxparse'

export default {
  components: {
    wxParse
  },
  data () {
    return {
      article: '<div>我是HTML代码</div>'
    }
  }
}
</script>

相关截图

相关截图

感谢

@stonewen| @Daissmentii | @wuyanwen | @vcxiaohan |

About

mpvue-wxParse 适用于 Mpvue 的微信小程序富文本解析自定义组件,支持 HTML 及 markdown 解析

Resources

License

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published

Languages

  • JavaScript 71.9%
  • Vue 25.2%
  • CSS 2.9%