mavon-editor是一款基于vue的markdown编辑器,比较适合博客系统。由于官网对于一些细节的说明不够详细,这里对这里对该编辑器的使用做一个总结。
1. 安装
2. 基本使用
3.
图片上传(含服务端)
安装
npm install mavon-editor –save
基本使用
在vue-cli构建的脚手架离得main.js可以像这样引用:
// 全局注册
import
Vue from 'vue'
import mavonEditor from 'mavon-editor'
import 'mavon-editor/dist/css/index.css
mavonEditor)
new Vue({
'el': '#main'
})
在具体的组件里html里定义挂载点
vue-json-editor 插件就可以实现这个功能
二、vue-json-editor 使用
安装插件
npm install vue-json-editor --save
使用
test.vue
<template>
vue-json-editor json编辑器
vue-quill-editor 简单配置demo