vue-md-editor
v1.3.3
Published
A markdown editor with Vue.js
Downloads
162
Maintainers
anguerismeReadme
Vue Editor
Demo
Install
npm install vue-md-editor --saveor
<script src="https://unpkg.com/vue-md-editor/dist/vue-editor.min.js"></script>Usage
// main.js
import Vue from 'vue'
import VueEditor from 'vue-md-editor'
Vue.use(VueEditor)
new Vue({
el: '#app',
data: {},
...
})<!--index.html-->
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>VueEditor example</title>
</head>
<body>
<div id="app">
<vue-editor v-model="value"></vue-editor>
</div>
</body>
</html>Dependencies
- marked
- highlight.js
- If you want's to use highlight.js style.
Keyboards
Markdown | Result | Shortcut
---|---|---
**text** | text | Ctrl + B
_text_ | text | Ctrl + I
### text | Heading | Ctrl + H
~~text~~ | ~~text~~ | Ctrl + D
- text | List | Ctrl + U
1. text | List| Ctrl + O
[Demo](http://vue-editor.beblog.cn) | Demo | Ctrl + A
 | Image | Ctrl + P
`text|text` | Ctrl + C
> text | Blockquote | Ctrl + Q
Issues
修复 Issue #5