专栏首页前端开发随笔mavon-editor引入开发markdown编辑器

mavon-editor引入开发markdown编辑器

文档地址

安装

npm install mavon-editor --save

在组件引入,也可在全局引入

import Vue from "vue";
import mavonEditor from "mavon-editor";
import "mavon-editor/dist/css/index.css";
Vue.use(mavonEditor);

完整代码

<template>
  <div class="box">
    <mavon-editor v-model="content" @change="changeCtx"></mavon-editor>
  </div>
</template>

<script>
import Vue from "vue";
import mavonEditor from "mavon-editor";
import "mavon-editor/dist/css/index.css";
Vue.use(mavonEditor);
export default {
  data() {
    return {
      content: "",
    };
  },
  mounted() {},
  methods: {
    changeCtx(e) {
      console.log(e);
    },
  },
};
</script>

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

本文参与腾讯云自媒体分享计划,欢迎正在阅读的你也加入,一起分享。

我来说两句

0 条评论
登录 后参与评论

相关文章

  • Dart类中static静态成员及访问

    wePanda
  • Axios调用后台接口

    wePanda
  • 微信小程序生命周期

    wePanda
  • java基础学习_面向对象(上)01_day07总结

    ============================================================================= ==...

    黑泽君
  • react中使用echarts和富文本

    用户4344670
  • ONLYOFFICE历史版本开发技术之三

    版权声明:本文为博主原创文章,未经博主允许不得转载。 https://blog.csdn.net/hotqin888/article/det...

    hotqin888
  • 拥抱sass,抛弃compass

    为什么要用sass 在选择sass之前,我们先说下为什么要使用CSS Preprocessor。 大概两年前,CSS Preprocessor其实没有这么热,而...

    IMWeb前端团队
  • 拥抱sass,抛弃compass

    大概两年前,CSS Preprocessor其实没有这么热,而了解sass,less,stylus的人也还没那么多(当时三者占比less还是拥有绝对优势的),但...

    IMWeb前端团队
  • 《战地5》下调大量武器最高伤害,引发核心玩家不满

    之前不少《战地5》玩家抱怨在游戏中死得太频繁,为了改善这一问题,DICE近日对《战地5》的TTK(武器击杀所需时间)做了一些调整,但该变动又引发了一大批核心玩家...

    Zip
  • php用wangeditor3实现图片上传功能

    就在最近,公司让我写一个后台,其中用到了富文本编辑器。自从这个富文本的出现我就慢慢的进入了一个坑,起初不知道用什么编辑器好,看了好多好多,最后选择了。这个wan...

    砸漏

扫码关注云+社区

领取腾讯云代金券