uniapp使用uParse富文本

文章描述:

在使用uniapp开发的时候,在内容部分会有html标签,那么怎么使html在uniapp显示?

uParse富文本插件

地址:https://ext.dcloud.net.cn/plugin?id=183

template

<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 style="color:red;">我是HTML代码</div>'
    }
  },
  methods: {
    preview(src, e) {
      // do something
    },
    navigate(href, e) {
      // do something
    }
  }
}

style

@import url("@/components/u-parse/u-parse.css");

 

发布时间:2022/04/12

发表评论