vue2-prosemirror-markdown
Plugin to integrate prosemirror with Vue 2
Usage
import Vue from 'vue'
import ProseMirror from 'vue2-prosemirror-markdown'
import App from './App.vue'
Vue.use(ProseMirror)
new Vue({ // eslint-disable-line no-new
el: '#app',
render: (h) => h(App)
})
This installs the component, which can be used as...
<prosemirror
:initialMarkdown="**hello**"
mode="all"
textareaConfig="{name: 'my-textarea'}"
@contentChangeMarkdown="markdownChangedHandler"/>
parameter | values |
---|---|
textareaConfig |
{name: 'a-string'} (required) |
mode |
all , editor (default), markdown |
initialMarkdown |
binding :initialMarkdown="someVar" , as string: initialMarkdown="**text**" |
customClass |
'vue-prosemirror' (default) |
Events
event name | called with these arguments |
---|---|
contentChange |
(val, oldVal) , both are Objects: {editor: Node, markdown: String} |
contentChangeMarkdown |
(markdown: String) |
modeChange |
(val: String, oldVal: String) |
Build Setup
# install dependencies
npm install
# serve with hot reload at localhost:8080
npm run dev
# build for production with minification
npm run build
# lint all *.js and *.vue files
npm run lint
# run unit tests
npm test
For more information see the docs for vueify.