feat: add onReady property (#91)

Author: vault-developer

.gitignore

@@ -1,2 +1,2 @@
 node_modules
-.rpt2_cache
+.rpt2_cache

README.md

@@ -60,6 +60,7 @@ Allow all options of [editor-js](https://github.com/codex-team/editor.js/blob/ma
 | enableReInitialize | Boolean                                                                         | Change editor-js data when componentDidUpdate                      |
 | onChange           | (api: API, newData: OutputData) => void                                         | Fires when something changed in DOM                                |
 | onCompareBlocks    | (newBlocks?: OutputData['blocks'], oldBlocks?: OutputData['blocks']) => boolean | Use to avoid Infinite update when enableReInitialize used with onChange ([Recommended Library](https://github.com/FormidableLabs/react-fast-compare)) |
+| onReady            | (instance?: EditorJS) => void                                                   | Use to execute callback when editor-js instance has initialized    |
 
 ## 🧐 FAQ
 

lib/EditorJs.tsx

@@ -9,6 +9,7 @@ export interface EditorJsProps {
   instanceRef?: (instance: EditorJS) => void
 
   onChange?: (api: API, data?: OutputData) => void
+  onReady?: (instance?: EditorJS) => void,
   onCompareBlocks?: (
     newBlocks: BlockToolData | undefined,
     oldBlocks: BlockToolData | undefined
@@ -62,13 +63,23 @@ class EditorJsContainer extends React.PureComponent<Props> {
     onChange(api, newData)
   }
 
+  handleReady = () => {
+    const { onReady } = this.props
+    if (!onReady) {
+      return
+    }
+
+    onReady(this.instance)
+  }
+
   initEditor() {
     const {
       instanceRef,
       children,
       enableReInitialize,
       tools,
       onChange,
+      onReady,
       ...props
     } = this.props
 
@@ -85,6 +96,10 @@ class EditorJsContainer extends React.PureComponent<Props> {
       tools: extendTools,
       holder: this.holder,
 
+      ...(onReady && {
+        onReady: this.handleReady,
+      }),
+
       ...(onChange && {
         onChange: this.handleChange,
       }),