npm install vue-md-editor --save
or
<script src="https://unpkg.com/vue-md-editor/dist/vue-editor.min.js"></script>
// 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>
- marked
- highlight.js
- If you want's to use highlight.js style.
Markdown | Result | Shortcut |
---|---|---|
**text** | text | Ctrl + B |
_text_ | text | Ctrl + I |
### text | Heading | Ctrl + H |
~~text~~ | Ctrl + D | |
- text | List | Ctrl + U |
1. text | List | Ctrl + O |
[Demo](http://vue-editor.beblog.cn) | Demo | Ctrl + A |
![Image](https://cn.vuejs.org/images/logo.png "Title") | Image | Ctrl + P |
`text` | text |
Ctrl + C |
> text | Blockquote | Ctrl + Q |
ไฟฎๅค Issue #5