[AdminBundle] Fix rich-editor issues for pageparts with subentities

src/Kunstmaan/AdminBundle/Resources/ui/js/_nested-form.js

@@ -21,7 +21,6 @@ kunstmaanbundles.nestedForm = (function(window, undefined) {
                 setupForm($form);
                 $form.data('initialized', true);
             }
-
         });
     };
 
@@ -154,8 +153,7 @@ kunstmaanbundles.nestedForm = (function(window, undefined) {
         // Add "Delete" button
         addDelBtn($newItem, $form);
 
-        // Reinit rich Editors
-        kunstmaanbundles.richEditor.destroyRichEditors();
+        // Init new rich editors
         kunstmaanbundles.richEditor.init();
 
         // Init Ajax Modals

src/Kunstmaan/AdminBundle/Resources/ui/js/_page-editor.js

@@ -131,6 +131,11 @@ kunstmaanbundles.pageEditor = (function(window, undefined) {
                     var $el = $(evt.item),
                         elScope = $el.data('scope');
 
+                    // Destroy rich editors inside dragged element
+                    $el.find('.js-rich-editor').each(function() {
+                        kunstmaanbundles.richEditor.destroySpecificRichEditor($(this));
+                    });
+
                     // Add active class
                     $body.addClass('sortable-active');
 
@@ -150,7 +155,7 @@ kunstmaanbundles.pageEditor = (function(window, undefined) {
                 onEnd: function(evt) {
                     var $el = $(evt.item),
                         $PPcontainer = $el.parents('.js-pp-container'),
-                        $contextUpdateField = $el.find('.pagepartadmin_field_updatecontextname')
+                        $contextUpdateField = $el.find('.pagepartadmin_field_updatecontextname'),
                         currentContext = $PPcontainer.data('context');
 
                     // Remove active class
@@ -166,6 +171,11 @@ kunstmaanbundles.pageEditor = (function(window, undefined) {
                     $contextUpdateField.each(function() {
                         $(this).attr('name', currentContext + $(this).data('suffix'));
                     });
+
+                    // Enable rich editors inside dragged element
+                    $el.find('.js-rich-editor').each(function() {
+                        kunstmaanbundles.richEditor.enableRichEditor($(this));
+                    });
                 }
             });
         });

src/Kunstmaan/AdminBundle/Resources/ui/js/_pagepart-editor.js

@@ -66,8 +66,7 @@ kunstmaanbundles.pagepartEditor = (function(window, undefined) {
                 // Enable leave-page modal
                 kunstmaanbundles.checkIfEdited.edited();
 
-                // Reinit rich Editors
-                kunstmaanbundles.richEditor.destroyRichEditors();
+                // Enable new Rich Editors
                 kunstmaanbundles.richEditor.init();
 
                 // reinit colorpicker

src/Kunstmaan/AdminBundle/Resources/ui/js/_rich-editor.js

@@ -3,19 +3,21 @@ var kunstmaanbundles = kunstmaanbundles || {};
 kunstmaanbundles.richEditor = (function(window, undefined) {
 
     var init,
-        enableRichEditors;
+        enableRichEditor, destroyAllRichEditors, destroySpecificRichEditor;
 
 
     // First Init
     init = function() {
         $('.js-rich-editor').each(function() {
-            enableRichEditors($(this));
+            if(!$(this).hasClass('js-rich-editor--enabled')) {
+                enableRichEditor($(this));
+            }
         });
     };
 
 
     // Enable
-    enableRichEditors = function($el) {
+    enableRichEditor = function($el) {
         var $body = $('body'),
             fileBrowseUrl = $body.data('file-browse-url'),
             imageBrowseUrl = $body.data('image-browse-url'),
@@ -158,6 +160,8 @@ kunstmaanbundles.richEditor = (function(window, undefined) {
             toolbar: elToolbar
         });
 
+        $el.addClass('js-rich-editor--enabled');
+
         // Behat tests
         // Add id on iframe so that behat tests can interact
         var checkExist = setInterval(function() {
@@ -174,20 +178,37 @@ kunstmaanbundles.richEditor = (function(window, undefined) {
     };
 
 
-    // Destroy
-    destroyRichEditors = function() {
+    // Destroy All
+    destroyAllRichEditors = function() {
         for(instance in CKEDITOR.instances) {
+            var $el = $('#' + CKEDITOR.instances[instance].name);
 
-            if($('#' + CKEDITOR.instances[instance].name).hasClass('js-rich-editor')) {
-                CKEDITOR.instances[instance].destroy();
+            if($el.hasClass('js-rich-editor')) {
+                $el.removeClass('js-rich-editor--enabled');
+
+                CKEDITOR.instances[instance].destroy(true);
             };
         }
     };
 
 
+    // Destroy Specific
+    destroySpecificRichEditor = function($el) {
+        var elId = $el.attr('id'),
+            editor = CKEDITOR.instances[elId];
+
+        if(editor) {
+            editor.destroy(true);
+        }
+    };
+
+
+    // Returns
     return {
         init: init,
-        destroyRichEditors: destroyRichEditors
+        enableRichEditor: enableRichEditor,
+        destroyAllRichEditors: destroyAllRichEditors,
+        destroySpecificRichEditor: destroySpecificRichEditor
     };
 
 }(window));