OP-437 - CKEditor correction of an error for more than one textarea

BitBagCommerce · Aug 22, 2024 · cd46957 · cd46957
1 parent 3394bc3
commit cd46957
Showing 1 changed file with 28 additions and 22 deletions.
diff --git a/src/Resources/assets/admin/js/bitbag/bitbag-content-configuration.js b/src/Resources/assets/admin/js/bitbag/bitbag-content-configuration.js
@@ -9,6 +9,26 @@ $(document).ready(function() {
         $(element).autoComplete();
     });
 
+    const ckeditorConfig = {
+        toolbar: [
+            ["Cut", "Copy", "Paste", "PasteText", "PasteFromWord", "-", "Undo", "Redo"],
+            ["Scayt"], ["Link", "Unlink", "Anchor"],
+            ["Image", "MediaVideo", "MediaImage", "Table", "HorizontalRule", "SpecialChar"],
+            ["Maximize"], ["Source"], "/",
+            ["Bold", "Italic", "Strike", "-", "RemoveFormat"],
+            ["NumberedList", "BulletedList", "-", "Outdent", "Indent", "-", "Blockquote"],
+            ["Styles", "Format", "About"]
+        ],
+        enterMode: 3,
+        forcePasteAsPlainText: "allow-word",
+        allowedContent: true,
+        extraPlugins: ["mediaVideo", "mediaImage"],
+        removePlugins: ["exportpdf"],
+        filebrowserUploadUrl: "/admin/editor/upload-image",
+        bodyId: "bitbag-ckeditor",
+        language: "en-us"
+    };
+
     let pageElements = '#bitbag_sylius_cms_plugin_page_contentElements';
     let blockElements = '#bitbag_sylius_cms_plugin_block_contentElements';
     let collectionHolder = $(pageElements).length ? pageElements : blockElements;
@@ -69,29 +89,15 @@ $(document).ready(function() {
                     $(element).attr('name', newConfigInputName);
                     $(newConfig).find('.bitbag-media-autocomplete').autoComplete();
                     $(newConfig).find('.sylius-autocomplete').autoComplete();
-                });
 
-                if (this.value === 'textarea') {
-                    CKEDITOR.replace("configuration_textarea", {
-                        "toolbar":[
-                            ["Cut","Copy","Paste","PasteText","PasteFromWord","-","Undo","Redo"],
-                            ["Scayt"],["Link","Unlink","Anchor"],
-                            ["Image","MediaVideo","MediaImage","Table","HorizontalRule","SpecialChar"],
-                            ["Maximize"],["Source"],"\/",["Bold","Italic","Strike","-","RemoveFormat"],
-                            ["NumberedList","BulletedList","-","Outdent","Indent","-","Blockquote"],
-                            ["Styles","Format","About"]],
-                        "enterMode":3,
-                        "forcePasteAsPlainText":"allow-word",
-                        "allowedContent":true,
-                        "extraPlugins":[
-                            "mediaVideo","mediaImage"
-                        ],
-                        "removePlugins":[
-                            "exportpdf"
-                        ],
-                        "filebrowserUploadUrl":"\/admin\/editor\/upload-image","bodyId":"bitbag-ckeditor","language":"en-us"
-                    });
-                }
+                    if (this.value === 'textarea') {
+                        const index = target.getAttribute('data-form-collection-index');
+                        const textareaId = `${collectionHolder}_${index}_configuration_textarea`;
+
+                        element.id = textareaId;
+                        CKEDITOR.replace(textareaId, ckeditorConfig);
+                    }
+                });
             }
         }
     });