更新记录

1.2.0（2019-12-05） 下载此版本

修复了一些bug，提交了npm

1.1.4（2019-09-26） 下载此版本

增加表格左右滑动

1.1.3（2019-09-26） 下载此版本

根据反馈修复了部分问题.

说html实体空格解析的可以测试一下,

使用的时候,html根节点越多优化效果越明显,性能优化是依靠根节点进行的异步渲染,如果html只有一个根节点则目前起不到优化效果

平台兼容性

uParse 更新说明

uParse-提问反馈交流群 83254601【非uniapp官方】

1.2.0 修复了一些历史遗留问题

关于组件的一些说明

关于组件的一些说明：https://ask.dcloud.net.cn/article/36531

本组件修复自官方uParse

uParse 适用于 uni-app/mpvue 的富文本解析组件

支持 Html、Markdown 解析，Fork自: mpvue-wxParse

对于某些html标签不闭合等渲染有问题的

，如果是PHP推荐结合https://github.com/phith0n/XssHtml使用 $this->m_dom = new DOMDocument();

属性

自定义 parser 函数具体介绍

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

imageProp 对象具体属性

事件

基本使用方法

<template>
  <div>
    <u-parse :content="article" @preview="preview" @navigate="navigate" />
  </div>
</template>

<script>
import uParse from '@/components/gaoyia-parse/parse.vue'

export default {
  components: {
    uParse
  },
  data () {
    return {
        article: '<p>html代码，具体参见https://github.com/gaoyia/parse/tree/1.0.7/parse-demo中的demo</p>'
    }
  },
  methods: {
    preview(src, e) {
      // do something
    },
    navigate(href, e) {
      // do something
    }
  }
}
</script>

//在APP.vue中引入，否则样式不能生效
<style>
@import url("/components/gaoyia-parse/parse.css");
</style>

渲染 Markdown

先将 markdown 转换为 html 即可

npm install marked

import marked from 'marked'
import uParse from '@/components/gaoyia-parse/parse.vue'

export default {
  components: {
    uParse
  },
  data () {
    return {
      article: marked(`#hello, markdown!`)
    }
  }
}