From b5b88e7c5ed9f91622b82293f8260fa7274dc3d4 Mon Sep 17 00:00:00 2001
From: Kevin Ansfield <kevin@lookingsideways.co.uk>
Date: Tue, 26 Jul 2022 14:42:59 +0100
Subject: [PATCH] Added mobiledoc change handling to react-editor experiment

no issue

- passed through the `onChange` event handler so that changes to the content are updated in Ember and autosave etc is triggered
---
 ghost/admin/app/components/gh-koenig-editor-react.hbs | 1 +
 ghost/admin/app/components/koenig-react-editor.js     | 1 +
 ghost/admin/app/components/react-mobiledoc-editor.js  | 1 +
 3 files changed, 3 insertions(+)

diff --git a/ghost/admin/app/components/gh-koenig-editor-react.hbs b/ghost/admin/app/components/gh-koenig-editor-react.hbs
index 209a331ef3..9045252db3 100644
--- a/ghost/admin/app/components/gh-koenig-editor-react.hbs
+++ b/ghost/admin/app/components/gh-koenig-editor-react.hbs
@@ -37,6 +37,7 @@
 
         <KoenigReactEditor
             @mobiledoc={{@body}}
+            @onChange={{@onBodyChange}}
         />
 
         {{!-- <KoenigEditor
diff --git a/ghost/admin/app/components/koenig-react-editor.js b/ghost/admin/app/components/koenig-react-editor.js
index 2fd819d2b2..2d724b0085 100644
--- a/ghost/admin/app/components/koenig-react-editor.js
+++ b/ghost/admin/app/components/koenig-react-editor.js
@@ -9,6 +9,7 @@ export default class KoenigReactEditor extends ReactComponent {
             element,
             <ReactMobiledocEditor
                 mobiledoc={this.args.mobiledoc}
+                onChange={this.args.onChange}
             />
         );
     }
diff --git a/ghost/admin/app/components/react-mobiledoc-editor.js b/ghost/admin/app/components/react-mobiledoc-editor.js
index 004fe39198..5eb2d3fa87 100644
--- a/ghost/admin/app/components/react-mobiledoc-editor.js
+++ b/ghost/admin/app/components/react-mobiledoc-editor.js
@@ -77,6 +77,7 @@ export default function ReactMobiledocEditorComponent(props) {
             <Suspense fallback={<p>Loading editor...</p>}>
                 <Koenig
                     mobiledoc={props.mobiledoc}
+                    onChange={props.onChange}
                 />
             </Suspense>
         </ErrorHandler>