更新记录

1.0.0（2023-11-24） 下载此版本

add deary-parse

平台兼容性

deary-parse

使用方法

<template>
  <view class="con">
    <deary-parse :content="article" @preview="preview" @navigate="navigate" />
  </view>
</template>

<script>
  export default {
    name: "DearyTabsDemo",
    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 "@/uni_modules/deary-parse/components/deary-parse/parse.css";
</style>

渲染 Markdown

先将 markdown 转换为 html 即可

yarn add marked

或者

npm install marked

import marked from 'marked'

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