vue markdown 组件

最新推荐文章于 2024-09-13 21:42:36 发布

阿豪boy

最新推荐文章于 2024-09-13 21:42:36 发布

阅读量95

点赞数

文章标签： vue js html react java

本文链接：https://blog.csdn.net/qq_35516360/article/details/122066690

版权

原文链接: vue markdown 组件

上一篇: 汇编入门环境设置

下一篇: vue 百度地图

git

https://github.com/hinesboy/mavonEditor

实时编写和查看效果

局部注册，可以通过事件获取组件信息，详细见文档，获取的内容是处理之后的标签

<template>
  <div id="editor">
    <mavon-editor style="height: 100%" @change="change"></mavon-editor>
  </div>
</template>
<script>
  // Local Registration
  import {mavonEditor} from 'mavon-editor'
  import 'mavon-editor/dist/css/index.css'

  export default {
    name: 'editor',
    components: {
      mavonEditor
      // or 'mavon-editor': mavonEditor
    },
    methods: {
      change(val, render) {
        console.log(val)
        console.log(render)
      }
    }
  }
</script>
<style>
  #editor {
    margin: auto;
    width: 80%;
    height: 580px;
  }
</style>