vue 项目中使用 markdown编辑器 mavon-editor

vue version: vue 2.5.*

安装 github地址

 npm install mavon-editor --save

引入

引入有多种方式，但是我常使用的是以组件的形式来引入

获取/修改值

使用 $refs

// 获取 markdown
let markdown = this.$refs.editor.d_value;
// 修改 markdown
this.$refs.editor.d_value = '> hello world';

// 获取编译后的 html
let html = this.$refs.editor.d_render;

使用 v-model

// 获取 markdown
let doc = this.doc;
// 修改  markdown
this.doc = 'hello world';

• 注: 使用 $refs 的方式获取值可以获取到 markdown 和 编译后的 html, 但是使用 v-model 只能获取到 markdown

文档

可用props
可用事件
图片处理

可能有用

events

• 利用一个例子看params的使用方式params的使用方式