Vue2-prosemirror-markdown NPM

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.

insert-css prosemirror-example-setup prosemirror-markdown prosemirror-view prosemirror-state

@infinitebrahmanuniverse/nolb-vue2 @everything-registry/sub-chunk-3098

0.1.0

6 years ago