adding back event listener + deleting on return

abanobmikaeel · Oct 3, 2023 · b1cf926 · b1cf926
1 parent 6f6e0f3
commit b1cf926
Show file tree

Hide file tree

Showing 2 changed files with 7 additions and 6 deletions.
diff --git a/package.json b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "react-native-ckeditor-custom",
-  "version": "0.3.0",
+  "version": "0.3.2",
   "description": "A react native library to handle custom ckeditors",
   "main": "lib/commonjs/index",
   "module": "lib/module/index",

diff --git a/src/index.tsx b/src/index.tsx
@@ -1,5 +1,6 @@
 import React, { useEffect, useRef } from 'react';
 import { SafeAreaView } from 'react-native';
+// import SafeAreaView from 'react-native-safe-area-view';
 import { Dimensions } from 'react-native';
 import { WebView, type WebViewMessageEvent } from 'react-native-webview';
 
@@ -74,11 +75,7 @@ export const CKEditor5 = ({
     return () => {
       if (webview) {
         webview.current?.injectJavaScript(
-          `(function() {
-            var editorElement = document.getElementById('#editor1'); // Replace 'editor' with the ID of your textarea or element
-            editorElement.parentNode.removeChild(editorElement);
-            editor.destroy();
-          })();`
+          `(function() {document.removeEventListener('message', handleMessage);})();`
         );
       }
     };
@@ -109,6 +106,10 @@ export const CKEditor5 = ({
                 );
               }
             );
+            document.addEventListener("message", function(data) {
+              editor.setData(data.data);
+            })
+
             // Set initial data after editor is ready
             editor.setData(\`${initialData}\`);
           })