Vue and Prosemirror Editor Plugin


We’ve open-sourced the vue-prosemirror editor plugin that we use at

Here’s the github repo:

I hope it’s useful, either as a wrapper or as a guide for how to use them together.



That’s very helpful, thank you. Just one question, if I wanted to pass a doc rather that parse the contents of a #content element, what would I need to pass? I mean, what object is the doc?


Is this a general question or specific to the plugin?

The doc is usually referred to as the top level node in prosemirror (though I think that can be customized)

Specifically with the module, the doc prop is the object returned when prosemrirror is updated and you call state.doc.toJSON() - you’re basically feeding it back the serialized version of the document