tiptap/examples/Components/Routes/DragHandle/DragItem.js

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>
      `,
    }
  }

}