Uni-app 之uParse 富文本解析 完美解析富文本！

下载uni-app插件

uparse下载地址：uParse 富文本解析 - DCloud 插件市场

下载完之后会有 components文件 

基本使用方法

<template>
  <div>
    <u-parse :content="article" @preview="preview" @navigate="navigate" ></u-parse>
  </div>
</template>
 
<script>
import uParse from '@/components/u-parse/u-parse.vue'
 
export default {
  components: {
    uParse
  },
  data () {
    return {
      article: '<div>我是HTML代码</div>'
    }
  },
  methods: {
    preview(src, e) {
      // do something
    },
    navigate(href, e) {
      // do something
    }
  }
}
</script>
 
<style>
@import url("@/components/u-parse/u-parse.css");
</style>

属性

自定义 parser 函数具体介绍

• 传入的参数为当前节点 node 对象及解析结果 results 对象，例如 startHandler(node, results)
• 无需返回值，通过对传入的参数直接操作来完成需要的改动
• 自定义函数会在原解析函数处理之后执行

事件