Files
tiptap/demos/src/Examples/Drawing/Vue/Paper.js
Philipp Kühn 4607a2dbd5 add example demos
2021-08-25 12:13:46 +02:00

36 lines
601 B
JavaScript

import { Node, mergeAttributes } from '@tiptap/core'
import { VueNodeViewRenderer } from '@tiptap/vue-3'
import Component from './Component.vue'
export default Node.create({
name: 'paper',
group: 'block',
atom: true,
addAttributes() {
return {
lines: {
default: [],
},
}
},
parseHTML() {
return [
{
tag: 'div[data-type="paper"]',
},
]
},
renderHTML({ HTMLAttributes }) {
return ['div', mergeAttributes(HTMLAttributes, { 'data-type': 'paper' })]
},
addNodeView() {
return VueNodeViewRenderer(Component)
},
})