@syncfusion/ej2-richtexteditor 20.1.48 → 20.1.52

package/dist/global/index.d.ts

@@ -1,6 +1,6 @@
 /*!
 *  filename: index.d.ts
-*  version : 20.1.48
+*  version : 20.1.52
 *  Copyright Syncfusion Inc. 2001 - 2020. All rights reserved.
 *  Use of this code is subject to the terms of our license.
 *  A copy of the current license can be obtained at any time by e-mailing

package/package.json

@@ -1,8 +1,8 @@
 {
   "_from": "@syncfusion/ej2-richtexteditor@*",
-  "_id": "@syncfusion/ej2-richtexteditor@20.1.47",
+  "_id": "@syncfusion/ej2-richtexteditor@20.1.51",
   "_inBundle": false,
-  "_integrity": "sha512-+JqSmzz8uh/Xuf7mVptZllX9DZbzfOt9enpA9JftvQiFGKQVDeZwRW2J9qrdtumUBBMmbasVPWkvpMMoLy7w2g==",
+  "_integrity": "sha512-bcIISkRgLWZVdsUIfFPqPrFMSGKxvgZmaNVU5xbKp0kVkMKtUJAouugs0PG1pnqX5AE7JihxTWbXzbBfKqPOqQ==",
   "_location": "/@syncfusion/ej2-richtexteditor",
   "_phantomChildren": {},
   "_requested": {
@@ -26,8 +26,8 @@
     "/@syncfusion/ej2-react-richtexteditor",
     "/@syncfusion/ej2-vue-richtexteditor"
   ],
-  "_resolved": "http://nexus.syncfusion.com/repository/ej2-hotfix-new/@syncfusion/ej2-richtexteditor/-/ej2-richtexteditor-20.1.47.tgz",
-  "_shasum": "7d854e478b53c30642348539aa9a389c4df071f9",
+  "_resolved": "http://nexus.syncfusion.com/repository/ej2-hotfix-new/@syncfusion/ej2-richtexteditor/-/ej2-richtexteditor-20.1.51.tgz",
+  "_shasum": "750c5f70b543df06b6138fef3e932de46991d2c2",
   "_spec": "@syncfusion/ej2-richtexteditor@*",
   "_where": "/jenkins/workspace/automation_release_19.1.0.1-ZPMUBNQ6AUYH6YGEFBPVYMEQLRRW2SLD4XCZ6GATNZJFYJ3RIAOA/packages/included",
   "author": {
@@ -38,11 +38,11 @@
   },
   "bundleDependencies": false,
   "dependencies": {
-    "@syncfusion/ej2-base": "~20.1.48",
-    "@syncfusion/ej2-buttons": "~20.1.47",
-    "@syncfusion/ej2-filemanager": "~20.1.47",
+    "@syncfusion/ej2-base": "~20.1.50",
+    "@syncfusion/ej2-buttons": "~20.1.52",
+    "@syncfusion/ej2-filemanager": "~20.1.52",
     "@syncfusion/ej2-inputs": "~20.1.48",
-    "@syncfusion/ej2-navigations": "~20.1.48",
+    "@syncfusion/ej2-navigations": "~20.1.51",
     "@syncfusion/ej2-popups": "~20.1.47",
     "@syncfusion/ej2-splitbuttons": "~20.1.47"
   },
@@ -70,6 +70,6 @@
     "url": "git+https://github.com/syncfusion/ej2-javascript-ui-controls.git"
   },
   "typings": "index.d.ts",
-  "version": "20.1.48",
+  "version": "20.1.52",
   "sideEffects": false
 }

package/src/editor-manager/plugin/insert-text.js

@@ -23,7 +23,7 @@ var InsertTextExec = /** @class */ (function () {
     };
     InsertTextExec.prototype.insertText = function (e) {
         var node = document.createTextNode(e.value);
-        InsertHtml.Insert(this.parent.currentDocument, node);
+        InsertHtml.Insert(this.parent.currentDocument, node, this.parent.editableElement);
         if (e.callBack) {
             e.callBack({
                 requestType: e.subCommand,

package/src/editor-manager/plugin/inserthtml.js

@@ -377,7 +377,8 @@ var InsertHtml = /** @class */ (function () {
                 tempSpan.parentNode.replaceChild(node, tempSpan);
             }
             else {
-                var currentNode = nodes[nodes.length - 1];
+                var nodeSelection = new NodeSelection();
+                var currentNode = this.getNodeCollection(range, nodeSelection, node)[this.getNodeCollection(range, nodeSelection, node).length - 1];
                 var splitedElm = void 0;
                 if ((currentNode.nodeName === 'BR' || currentNode.nodeName === 'HR') && !isNOU(currentNode.parentElement) &&
                     currentNode.parentElement.textContent.trim().length === 0) {

package/src/editor-manager/plugin/nodecutter.js

@@ -71,7 +71,7 @@ var NodeCutter = /** @class */ (function () {
                 fragment = this.spliceEmptyNode(fragment, true);
                 if (fragment && fragment.childNodes.length > 0) {
                     var isEmpty = (fragment.childNodes.length === 1 && fragment.childNodes[0].nodeName !== 'IMG'
-                        && this.isImgElm(fragment) && fragment.textContent.trim() === '') ? true : false;
+                        && this.isImgElm(fragment) && fragment.textContent === '') ? true : false;
                     if (!isEmpty) {
                         if (node) {
                             InsertMethods.AppendBefore(fragment, node, true);
@@ -122,7 +122,7 @@ var NodeCutter = /** @class */ (function () {
         else if (len > -1) {
             this.spliceEmptyNode(fragment.childNodes[0], isStart);
         }
-        else if (fragment.nodeType !== 3 && fragment.nodeType !== 11) {
+        else if (fragment.nodeType !== 3 && fragment.nodeType !== 11 && fragment.nodeName !== 'IMG') {
             fragment.parentNode.removeChild(fragment);
         }
         return fragment;

package/src/editor-manager/plugin/selection-commands.js

@@ -46,12 +46,18 @@ var SelectionCommands = /** @class */ (function () {
             var preventRestore = false;
             var isFontStyle = (['fontcolor', 'fontname', 'fontsize', 'backgroundcolor'].indexOf(format) > -1);
             if (range.collapsed) {
+                var currentFormatNode = isFormatted.getFormattedNode(range.startContainer, format, endNode);
+                var currentSelector = !isNOU(currentFormatNode) ?
+                    (currentFormatNode.getAttribute('style') === null ? currentFormatNode.nodeName :
+                        currentFormatNode.nodeName + "[style='" + currentFormatNode.getAttribute('style') + "']") : null;
                 if (nodes.length > 0) {
                     isCollapsed = true;
                     range = nodeCutter.GetCursorRange(docElement, range, nodes[0]);
                 }
-                else if (range.startContainer.nodeType === 3 && range.startContainer.parentElement.childElementCount > 0 &&
-                    range.startOffset > 0 && range.startContainer.parentElement.firstElementChild.tagName.toLowerCase() !== 'br') {
+                else if (range.startContainer.nodeType === 3 && ((range.startContainer.parentElement.childElementCount > 0 &&
+                    range.startOffset > 0 && range.startContainer.parentElement.firstElementChild.tagName.toLowerCase() !== 'br') ||
+                    !isNOU(currentFormatNode) && currentFormatNode === (range.startContainer.parentElement.closest(currentSelector)) &&
+                        ((range.startContainer.parentElement.closest(currentSelector)).textContent.replace(new RegExp(String.fromCharCode(8203), 'g'), '').trim().length != 0))) {
                     isCollapsed = true;
                     range = nodeCutter.GetCursorRange(docElement, range, range.startContainer);
                     nodes.push(range.startContainer);

package/src/editor-manager/plugin/table.js

@@ -109,11 +109,11 @@ var TableCommand = /** @class */ (function () {
         for (var i = 0; i < emptyUl.length; i++) {
             detach(emptyUl[i]);
         }
-        var emptyLiChild = this.parent.editableElement.querySelectorAll('li *:empty');
+        var emptyLiChild = this.parent.editableElement.querySelectorAll('li *:empty:not(img)');
         for (var i = 0; i < emptyLiChild.length; i++) {
             detach(emptyLiChild[i]);
             if (emptyLiChild.length === i + 1) {
-                emptyLiChild = this.parent.editableElement.querySelectorAll('li *:empty');
+                emptyLiChild = this.parent.editableElement.querySelectorAll('li *:empty:not(img)');
                 i = -1;
             }
         }

package/src/editor-manager/plugin/undo.js

@@ -96,7 +96,7 @@ var UndoRedoManager = /** @class */ (function () {
      */
     UndoRedoManager.prototype.saveData = function (e) {
         var range = new NodeSelection().getRange(this.parent.currentDocument);
-        var currentContainer = range.startContainer;
+        var currentContainer = this.parent.editableElement === range.startContainer.parentElement ? range.startContainer.parentElement : range.startContainer;
         for (var i = currentContainer.childNodes.length - 1; i >= 0; i--) {
             if (!isNullOrUndefined(currentContainer.childNodes[i]) && currentContainer.childNodes[i].nodeName === '#text' &&
                 currentContainer.childNodes[i].textContent.length === 0 && currentContainer.childNodes[i].nodeName !== 'IMG' &&

package/src/rich-text-editor/actions/enter-key.js

@@ -292,8 +292,9 @@ var EnterKeyAction = /** @class */ (function () {
     };
     EnterKeyAction.prototype.removeBRElement = function (currentElement) {
         if (Browser.userAgent.indexOf('Firefox') != -1 &&
-            this.range.endOffset === currentElement.textContent.length &&
-            currentElement.lastChild.nodeName === 'BR') {
+            this.range.endOffset === currentElement.textContent.length && (currentElement.textContent.length !== 0 ||
+            currentElement.querySelectorAll('BR').length > 1) &&
+            !isNOU(currentElement.lastChild) && currentElement.lastChild.nodeName === 'BR') {
             detach(currentElement.lastChild);
         }
     };

package/src/rich-text-editor/actions/toolbar.js

@@ -195,7 +195,7 @@ var Toolbar = /** @class */ (function () {
             if ((parent_1.bottom < (floatOffset + tbHeight + topValue)) || parent_1.bottom < 0 || parent_1.top > floatOffset + topValue) {
                 isFloat = false;
             }
-            else if (parent_1.top < floatOffset) {
+            else if (parent_1.top < floatOffset || parent_1.top < floatOffset + topValue) {
                 isFloat = true;
             }
         }

package/src/rich-text-editor/base/rich-text-editor.js

@@ -728,6 +728,10 @@ var RichTextEditor = /** @class */ (function (_super) {
                 ? 0 : e.clipboardData.getData('text/plain').length;
             var totalLength = (currentLength - selectionLength) + pastedContentLength;
             if (_this.editorMode === 'Markdown') {
+                var args_1 = { requestType: 'Paste', editorMode: _this.editorMode, event: e };
+                setTimeout(function () {
+                    _this.formatter.onSuccess(_this, args_1);
+                }, 0);
                 if (!(_this.maxLength === -1 || totalLength <= _this.maxLength)) {
                     e.preventDefault();
                 }
@@ -739,7 +743,7 @@ var RichTextEditor = /** @class */ (function (_super) {
                     _this.notify(events.pasteClean, { args: e });
                 }
                 else {
-                    var args_1 = { requestType: 'Paste', editorMode: _this.editorMode, event: e };
+                    var args_2 = { requestType: 'Paste', editorMode: _this.editorMode, event: e };
                     var value = null;
                     var htmlValue = false;
                     if (e && !isNOU(e.clipboardData)) {
@@ -757,7 +761,7 @@ var RichTextEditor = /** @class */ (function (_super) {
                         });
                     }
                     setTimeout(function () {
-                        _this.formatter.onSuccess(_this, args_1);
+                        _this.formatter.onSuccess(_this, args_2);
                     }, 0);
                 }
             }

package/src/rich-text-editor/renderer/image-module.js

@@ -377,14 +377,10 @@ var Image = /** @class */ (function () {
                 img.style.height = null;
                 img.removeAttribute('height');
             }
-            else if (img.style.width !== '') {
+            else {
                 img.style.width = expectedX + 'px';
                 img.style.height = expectedX + 'px';
             }
-            else {
-                img.setAttribute('width', expectedX.toString());
-                img.setAttribute('height', expectedX.toString());
-            }
         }
     };
     Image.prototype.pixToPerc = function (expected, parentEle) {

package/src/rich-text-editor/renderer/table-module.js

@@ -807,7 +807,7 @@ var Table = /** @class */ (function () {
                         EventHandler.remove(_this.contentModule.getEditPanel(), 'mouseover', _this.resizeHelper);
                     }
                     var widthType = _this.curTable.style.width.indexOf('%') > -1;
-                    _this.curTable.style.width = widthType ? _this.convertPixelToPercentage(tableWidth + mouseX, rteWidth) + '%'
+                    _this.curTable.style.width = widthType && !_this.curTable.closest('TD') ? _this.convertPixelToPercentage(tableWidth + mouseX, rteWidth) + '%'
                         : tableWidth + mouseX + 'px';
                     _this.curTable.style.height = tableHeight + mouseY + 'px';
                     tableReBox.classList.add('e-rbox-select');