From 5f69ac2416aa4bb72d627054239c81c8008e15b6 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Philipp=20Ku=CC=88hn?= <kontakt@philipp-kuehn.com>
Date: Mon, 12 Nov 2018 23:15:18 +0100
Subject: [PATCH] add focus and blur event

---
 packages/tiptap/src/utils/Editor.js | 13 ++++++++++++-
 1 file changed, 12 insertions(+), 1 deletion(-)

diff --git a/packages/tiptap/src/utils/Editor.js b/packages/tiptap/src/utils/Editor.js
index fb3f6afe..c2f340a1 100644
--- a/packages/tiptap/src/utils/Editor.js
+++ b/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
   }