activeadmin_ckeditor5 0.1.4 → 0.1.5

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA256:
-  metadata.gz: bf3cc729434f26c8281cf8f89251e1a540ca2ce7fc203414f0bc5d68548526c4
-  data.tar.gz: 15389451775864944ef5a93b6c48d13dbefca9979bdcd9e4d4ef721ed52711de
+  metadata.gz: 3ded285aa9788991743241b00bafc73bf5b01eaebcba6c8f53b8de4b3ab72b05
+  data.tar.gz: 543fe6fa3fc32340f07bfb548391af599c2bf073724965f02e4c3393395f0403
 SHA512:
-  metadata.gz: 816a9b244bfbd9ab152cb7f08d38f61145afe11d01fd4e6183f3fd19efe2785c813771fe01d4b7b158884fbd21947d4bf278e90672037cb4f6da3563b58afd54
-  data.tar.gz: e63f70edf615c90bc0d80dc5f69543720501098374eeb1fd2c24176f75426bd6d407d3c93de68738b0596da4430f0d8f2e3c3934297a17e5ce1b42fbddbe937e
+  metadata.gz: 8cc1c9bf426c05cb828431bf4ca8f0acac4ed962e31178990bd6f38ba75f0250305cad82c3dc773552e49559d3518b12620c38e1e0e9fd4ceb9d24462630cb66
+  data.tar.gz: b97b1db1db79a6f9ed3177255b8a08cdf2d02d32c8a31beb57fa02103601266798918a829a1e1356ea677c3aca339ec1183d2f2a99fd96b51314f4c54da0d875

data/app/assets/javascripts/activeadmin/ckeditor-init.js

@@ -2,39 +2,38 @@
 
 (function () {
   function initCkeditors() {
-    const activeAdminCKEditor = document.querySelectorAll("[data-activeadmin-ckeditor]")
+    const activeAdminCKEditor = document.querySelectorAll(
+      "[data-activeadmin-ckeditor]"
+    );
     for (let i = 0; i < activeAdminCKEditor.length; i++) {
-      ClassicEditor.create(activeAdminCKEditor[i]);
-    }
-    const formtastic = document.querySelector("form.formtastic");
-    if (formtastic) {
-      formtastic.onsubmit = () => {
-        const editors = document.querySelectorAll(".ck-editor");
-        for (let i = 0; i < editors.length; i++) {
-          const input = activeAdminCKEditor[i].querySelector('input[type="hidden"]');
-          let editor = editors[i]
-          removeFakeContainer(editor)
-          const editorContent = editor.querySelector(
-            ".ck-editor__main .ck-content"
-          );
-          if (editorContent) {
-            input.value = editorContent.innerHTML;
-          } else {
-            input.value = "";
-          }
-        }
-      }
+      let editor;
+      const input = activeAdminCKEditor[i].querySelector(
+        'input[type="hidden"]'
+      );
+
+      ClassicEditor.create(activeAdminCKEditor[i]).then((newEditor) => {
+        editor = newEditor;
+        editor.setData(input.value);
+      });
+      document.querySelector("form.formtastic").onsubmit = () => {
+        let editorElement = document.querySelectorAll(".ck-editor")[i];
+        removeFakeContainer(editorElement);
+        console.log("editor.getData()", editor.getData());
+        input.value = editor.getData();
+      };
     }
   }
 
   function removeFakeContainer(editor) {
-    const fakeContainers = editor.querySelectorAll('.ck-fake-selection-container')
-    
+    const fakeContainers = editor.querySelectorAll(
+      ".ck-fake-selection-container"
+    );
+
     for (let i = 0; i < fakeContainers.length; i++) {
-      fakeContainers[i].remove()
+      fakeContainers[i].remove();
     }
   }
-  
+
   $(document).ready(initCkeditors);
   $(document).on("has_many_add:after", ".has_many_container", initCkeditors);
   $(document).on("turbolinks:load", initCkeditors);