add drag handle example

examples/Components/Routes/DragHandle/DragItem.js

@@ -0,0 +1,32 @@
+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>
+      `,
+    }
+  }
+
+}