vue使用vue-markdown编辑框,实现简单保存文本和html内容

安装vue-markdown

npm install vue-markdown --save

在main.js文件中全局引用

//编辑框
import mavonEditor from 'mavon-editor'
import 'mavon-editor/dist/css/index.css'
Vue.use(mavonEditor)

vue文件使用

@save: 按下 ctrl + s 时触发,@change: 当值发生改变时 触发
methods:{
  updateDoc(markdown, html) {
    // 此时会自动将 markdown 和 html 传递到这个方法中
    console.log("markdown内容: " + markdown);
    console.log("html内容:" + html);
  },
  saveDoc(markdown, html) {
    // 此时会自动将 markdown 和 html 传递到这个方法中
    console.log("markdown内容:" + markdown);
    console.log("html内容:" + html);
  }
}

测试结果:

vue使用vue-markdown编辑框,实现简单保存文本和html内容_第1张图片

 

你可能感兴趣的:(前端插件,vue-markdown使用)