add focus and blur event

packages/tiptap/src/utils/Editor.js

@@ -1,4 +1,3 @@
-import Vue from 'vue'
 import { EditorState, Plugin } from 'prosemirror-state'
 import { EditorView } from 'prosemirror-view'
 import { Schema, DOMParser, DOMSerializer } from 'prosemirror-model'
@@ -30,6 +29,8 @@ export default class Editor {
       content: '',
       onInit: () => {},
       onUpdate: () => {},
+      onFocus: () => {},
+      onBlur: () => {},
     }
 
     this.options = {
@@ -155,6 +156,16 @@ export default class Editor {
 
     view.dom.style.whiteSpace = 'pre-wrap'
 
+    view.dom.addEventListener('focus', () => this.options.onFocus({
+      state: this.state,
+      view: this.view,
+    }))
+
+    view.dom.addEventListener('blur', () => this.options.onBlur({
+      state: this.state,
+      view: this.view,
+    }))
+
     return view
   }