activeadmin_ckeditor5 0.1.3 → 0.1.5

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA256:
-  metadata.gz: bae950b17cdfd8d3dee26cf2fc34f774afba00c1a0c3bfd2a18e552714907b21
-  data.tar.gz: 9e7ab3c8157d78ac4005d27fb0c0b12514cc69e385378e0b7ef9ede197b2bb45
+  metadata.gz: 3ded285aa9788991743241b00bafc73bf5b01eaebcba6c8f53b8de4b3ab72b05
+  data.tar.gz: 543fe6fa3fc32340f07bfb548391af599c2bf073724965f02e4c3393395f0403
 SHA512:
-  metadata.gz: cea57c4f7b4b35ffc97c28623846ddfe6f3be97eae96d7d2224b6a17ee0895c3efa808f082eb9c73de91dc3d75b5e5e168a51e9632caff946fca2c1e5d53af8a
-  data.tar.gz: eb68e10b22178562828680a4c542dd763476133ffc376de00ce92305ac7b005323f706b7d0753b49d90a93b146df90c25e7877b83cddb1fe9dab82941d1f9486
+  metadata.gz: 8cc1c9bf426c05cb828431bf4ca8f0acac4ed962e31178990bd6f38ba75f0250305cad82c3dc773552e49559d3518b12620c38e1e0e9fd4ceb9d24462630cb66
+  data.tar.gz: b97b1db1db79a6f9ed3177255b8a08cdf2d02d32c8a31beb57fa02103601266798918a829a1e1356ea677c3aca339ec1183d2f2a99fd96b51314f4c54da0d875

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

@@ -2,28 +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]);
+      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();
+      };
     }
-    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"]');
-          const editorContent = editors[i].querySelector(
-            ".ck-editor__main .ck-content"
-          );
-          if (editorContent) {
-            input.value = editorContent.innerHTML;
-          } else {
-            input.value = "";
-          }
-        }
-      }
+  }
+
+  function removeFakeContainer(editor) {
+    const fakeContainers = editor.querySelectorAll(
+      ".ck-fake-selection-container"
+    );
+
+    for (let i = 0; i < fakeContainers.length; i++) {
+      fakeContainers[i].remove();
     }
   }
+
   $(document).ready(initCkeditors);
   $(document).on("has_many_add:after", ".has_many_container", initCkeditors);
   $(document).on("turbolinks:load", initCkeditors);