uniapp 富文本避坑指南

绝代码农

　　注意事项，后端API返回的一定要是HTML形式的, 富文本编辑器存入数据的内容，则需要转化，如果是php，则用下面的函数进行转化

htmlspecialchars_decode()

　　1.导入到项目中

　　2.修改页面

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

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
  }
  }
}

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