tiptap/examples/Components/Routes/DragHandle/DragItem.js
2019-10-03 15:56:41 +02:00

33 lines
610 B
JavaScript

import { Node } from 'tiptap'
export default class DragItem extends Node {
get name() {
return 'drag_item'
}
get schema() {
return {
group: 'block',
draggable: true,
content: 'paragraph+',
toDOM: () => ['div', { 'data-type': this.name }, 0],
parseDOM: [{
tag: `[data-type="${this.name}"]`,
}],
}
}
get view() {
return {
template: `
<div data-type="drag_item">
<div ref="content" contenteditable="true"></div>
<div data-drag-handle contenteditable="false"></div>
</div>
`,
}
}
}