Vue使用Markdown(md-editor-v3)

1.安装md-editor-v3

yarn add md-editor-v3

2.基本使用

markedHeading参数是解决点击标题跳转问题

<template>
  <md-editor
    v-model="mdText"
    :markedHeading="markedHeading"
    previewOnly/>
</template>

<script>
import MdEditor from 'md-editor-v3';
import 'md-editor-v3/lib/style.css';

export default {
  name: "Content",
  components: {MdEditor},
  data() {
    return {
      mdText: '# aaa'
    }
  },
  methods:{
    markedHeading(text, level, raw){
      return `<h${level} id="${raw}">${text}</h${level}>`;
    }
  }
}
</script>

<style lang="less" scoped>
</style>

创建时间 2022年3月1日
更新时间 2022年3月1日