Hooked up editor registration in react editor experiment

no issue

- use the `didCreateEditor` hook to register the editor instance as we do with our Ember version of Koenig
- allows for initial handling of focus control for moving cursor between title and body inputs
- disabled card cleanup call because the react editor does not yet have cards or the custom `cleanup()` method

ghost/admin/app/components/gh-koenig-editor-react.hbs

@@ -37,6 +37,7 @@
 
         <KoenigReactEditor
             @mobiledoc={{@body}}
+            @didCreateEditor={{this.onEditorCreated}}
             @onChange={{@onBodyChange}}
         />
 

ghost/admin/app/components/gh-koenig-editor-react.js

@@ -119,7 +119,7 @@ export default class GhKoenigEditorReactComponent extends Component {
     _setupEditor(koenig) {
         let component = this;
 
-        this.koenigEditor = koenig.editor;
+        this.koenigEditor = koenig;
 
         // focus the title when pressing SHIFT+TAB
         this.koenigEditor.registerKeyCommand({

ghost/admin/app/components/koenig-react-editor.js

@@ -9,6 +9,7 @@ export default class KoenigReactEditor extends ReactComponent {
             element,
             <ReactMobiledocEditor
                 mobiledoc={this.args.mobiledoc}
+                didCreateEditor={this.args.didCreateEditor}
                 onChange={this.args.onChange}
             />
         );

ghost/admin/app/components/react-mobiledoc-editor.js

@@ -77,6 +77,7 @@ const ReactMobiledocEditor = (props) => {
             <Suspense fallback={<p>Loading editor...</p>}>
                 <Koenig
                     mobiledoc={props.mobiledoc}
+                    didCreateEditor={props.didCreateEditor}
                     onChange={props.onChange}
                 />
             </Suspense>

ghost/admin/app/controllers/react-editor.js

@@ -290,9 +290,10 @@ export default class ReactEditorController extends Controller {
         // - empty cards may be left in draft posts due to autosave occuring
         //   whilst an empty card is present then the user closing the browser
         //   or refreshing the page
-        if (this.post.isDraft) {
-            this._koenig.cleanup();
-        }
+        // TODO: not yet implemented in react editor
+        // if (this.post.isDraft) {
+        //     this._koenig.cleanup();
+        // }
     }
 
     @action