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.