@bicou/prosemirror-render-vue
TypeScript icon, indicating that this package has built-in type declarations

0.0.6 • Public • Published

@bicou/prosemirror-render-vue

📖  Documentation

This plugin allows you to render ProseMirror JSON data in your Vue applications. It provides a Vue component that translates ProseMirror nodes and marks to customizable Vue components or HTML elements.

  • From ProseMirror JSON :
{
  "type": "doc",
  "content": [
    {
      "type": "paragraph",
      "attrs": {
        "id": "the-line"
      },
      "content": [
        {
          "type": "text",
          "text": "The line."
        }
      ]
    }
  ]
}
  • Through Vue Vnodes :
h("div", [h("p", { id: "the-line" }, "The line.")]);
  • To DOM :
<div><p id="the-line">The line.</p></div>

Readme

Keywords

none

Package Sidebar

Install

npm i @bicou/prosemirror-render-vue

Weekly Downloads

28

Version

0.0.6

License

MIT

Unpacked Size

8.14 kB

Total Files

8

Last publish

Collaborators

  • bicou