Grid-RTE got a unique ID, which fixes TineMCE code, which is dependen…

…t on a unique ID. #4011
umbraco · Feb 13, 2019 · 60fa931 · 60fa931
1 parent 988be21
commit 60fa931
Show file tree

Hide file tree

Showing 2 changed files with 7 additions and 9 deletions.
diff --git a/src/Umbraco.Web.UI.Client/src/common/directives/components/grid/grid.rte.directive.js b/src/Umbraco.Web.UI.Client/src/common/directives/components/grid/grid.rte.directive.js
@@ -13,6 +13,10 @@ angular.module("umbraco.directives")
                 // TODO: A lot of the code below should be shared between the grid rte and the normal rte
 
                 var promises = [];
+
+                var d = new Date();
+                var n = d.getTime();
+                scope.textAreaHtmlId = scope.uniqueId + "_" + n + "_rte";
 
                 //queue file loading
                 if (typeof (tinymce) === "undefined") {
@@ -28,7 +32,7 @@ angular.module("umbraco.directives")
                 var tinyMceEditor = null;
 
                 promises.push(tinyMceService.getTinyMceEditorConfig({
-                    htmlId: scope.uniqueId,
+                    htmlId: scope.textAreaHtmlId,
                     stylesheets: scope.configuration ? scope.configuration.stylesheets : null,
                     toolbar: toolbar,
                     mode: scope.configuration.mode
@@ -132,17 +136,11 @@ angular.module("umbraco.directives")
                         }
 
                     });
-
-                    //listen for formSubmitting event (the result is callback used to remove the event subscription)
-                    var formSubmittingListener = scope.$on("formSubmitting", function () {
-                        scope.value = tinyMceEditor ? tinyMceEditor.getContent() : null;
-                    });
-
+
                     //when the element is disposed we need to unsubscribe!
                     // NOTE: this is very important otherwise if this is part of a modal, the listener still exists because the dom
                     // element might still be there even after the modal has been hidden.
                     scope.$on('$destroy', function () {
-                        formSubmittingListener();
                         eventsService.unsubscribe(tabShownListener);
                         //ensure we unbind this in case the blur doesn't fire above
                         $('.umb-panel-body').off('scroll', pinToolbar);

diff --git a/src/Umbraco.Web.UI.Client/src/views/components/grid/grid-rte.html b/src/Umbraco.Web.UI.Client/src/views/components/grid/grid-rte.html
@@ -1,3 +1,3 @@
 <div class="umb-rte">
-    <div id="{{uniqueId}}"></div>
+    <div id="{{textAreaHtmlId}}"></div>
 </div>