From 32c8c302a7d4376a7a824dbe417889242f647367 Mon Sep 17 00:00:00 2001
From: rijkvanzanten <rijkvanzanten@me.com>
Date: Tue, 20 Apr 2021 17:46:05 -0400
Subject: [PATCH] Fix wysiwyg modals not being reactive

Fixes #5142
---
 app/src/interfaces/wysiwyg/wysiwyg.vue | 8 +++++++-
 1 file changed, 7 insertions(+), 1 deletion(-)

diff --git a/app/src/interfaces/wysiwyg/wysiwyg.vue b/app/src/interfaces/wysiwyg/wysiwyg.vue
index 6c8378ce47..9c63b14f4a 100644
--- a/app/src/interfaces/wysiwyg/wysiwyg.vue
+++ b/app/src/interfaces/wysiwyg/wysiwyg.vue
@@ -4,7 +4,9 @@
 			ref="editorElement"
 			:init="editorOptions"
 			:disabled="disabled"
+			model-events="change keydown blur focus paste ExecCommand SetContent"
 			v-model="_value"
+			@change="onChange"
 			@onFocusIn="setFocus(true)"
 			@onFocusOut="setFocus(false)"
 		/>
@@ -307,8 +309,8 @@ export default defineComponent({
 				style_formats: styleFormats,
 				file_picker_types: 'customImage customMedia image media',
 				link_default_protocol: 'https',
-				...(props.tinymceOverrides || {}),
 				setup,
+				...(props.tinymceOverrides || {}),
 			};
 		});
 
@@ -342,6 +344,9 @@ export default defineComponent({
 			closeCodeDrawer,
 			saveCode,
 			sourceCodeButton,
+			onChange(a: any) {
+				console.log(a);
+			},
 		};
 
 		function setup(editor: any) {
@@ -358,6 +363,7 @@ export default defineComponent({
 			const body = editorElement.value.$el.parentElement?.querySelector('.tox-tinymce');
 
 			if (body == null) return;
+
 			if (val) {
 				body.classList.add('focus');
 			} else {