1.安装
npm insatll mavon-editor --save
2.引入
import mavonEditor from 'mavon-editor';
import 'mavon-editor/dist/css/index.css';
Vue.use(mavonEditor);
3.使用
<mavon-editor @change="markdownChange" @save="markdownSave" />
<div v-html="htmlValue"></div>
// 触发change事件
markdownChange(value, render) {
this.htmlValue = render;
},
// 触发ctrl+s事件
markdownSave(value, render) {
this.htmlValue = render;
}
image.png
简介 mavon-editor是一个基于Vue的markdown的编辑器。 安装 使用mavon-editor 在...
开篇 安装mavon-editor 按需引入、配置在要使用markdown编辑器的组件内操作： 全局注册 使用 详...
1、安装mavon-editor插件 2、在main.js中引入mavon-editor 3、HTML使用插件展示...
一、编辑插件 1. 使用package control安装MarkdownEditing插件 Markdown E...
在项目根目录安装markdown 插件 mavon-editor 在项目入口文件main.js 引入 mavon-...
mavon-editor是一款基于vue的markdown编辑器，比较适合博客系统 安装 npm install ...
先 install mavon-editor 插件 `npm install mavon-editor --sav...
为什么使用vscode？ vscode插件丰富，支持上传博客园和印象笔记代码编辑界面美观，markdown相关插件...
使用以下插件（都可以在 Settings > Install 里面找到）：markdown-preview：编辑实...
由于在使用anki插件的时候要使用markdown，在了解过程中发现markdown是一款优秀的文字编辑工具，去掉...
本文标题：markdown编辑插件mavon-editor使用
本文链接：https://www.haomeiwen.com/subject/cnhosctx.html
网友评论