@syncfusion/ej2-richtexteditor 20.1.47 → 20.1.51

package/dist/global/index.d.ts

@@ -1,6 +1,6 @@
 /*!
 *  filename: index.d.ts
-*  version : 20.1.47
+*  version : 20.1.51
 *  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@19.7.5",
+  "_id": "@syncfusion/ej2-richtexteditor@20.1.50",
   "_inBundle": false,
-  "_integrity": "sha512-qd8dxBBoB6NySpSez7cBo1QjzbpAmvbM3hS4N1NqHbVvaRjJWs8hnvOeCwDAqcS8U4KltG8Np81Ztg0Zsnn+zQ==",
+  "_integrity": "sha512-gkz4PlU7B1CB+wMuzLpWYTa/n3NaAlzqGYfk2gxHEx+26SxT8sIbVVqGHSjvT9wKHU4TSczQhqTCg3+aiS8RHA==",
   "_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-release/@syncfusion/ej2-richtexteditor/-/ej2-richtexteditor-19.7.5.tgz",
-  "_shasum": "a9cbd4740f94fbe66b3fb49af4d63dc8fed5af77",
+  "_resolved": "http://nexus.syncfusion.com/repository/ej2-hotfix-new/@syncfusion/ej2-richtexteditor/-/ej2-richtexteditor-20.1.50.tgz",
+  "_shasum": "17718651142faa753d87d51a230d39c2a8e02db5",
   "_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.47",
-    "@syncfusion/ej2-buttons": "~20.1.47",
+    "@syncfusion/ej2-base": "~20.1.50",
+    "@syncfusion/ej2-buttons": "~20.1.50",
     "@syncfusion/ej2-filemanager": "~20.1.47",
-    "@syncfusion/ej2-inputs": "~20.1.47",
-    "@syncfusion/ej2-navigations": "~20.1.47",
+    "@syncfusion/ej2-inputs": "~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.47",
+  "version": "20.1.51",
   "sideEffects": false
 }

package/src/editor-manager/base/constant.d.ts

@@ -74,3 +74,9 @@ export declare const INSERT_TEXT_TYPE: string;
  * @hidden
  */
 export declare const CLEAR_TYPE: string;
+/**
+ * Self closing tags
+ *
+ * @hidden
+ */
+export declare const SELF_CLOSING_TAGS: string[];

package/src/editor-manager/base/constant.js

@@ -79,3 +79,9 @@ export var INSERT_TEXT_TYPE = 'insert-text-type';
  * @hidden
  */
 export var CLEAR_TYPE = 'clear-type';
+/**
+ * Self closing tags
+ *
+ * @hidden
+ */
+export var SELF_CLOSING_TAGS = ['area', 'base', 'br', 'embed', 'hr', 'img', 'input', 'param', 'source', 'track', 'wbr', 'iframe', 'td'];

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

@@ -437,9 +437,7 @@ var InsertHtml = /** @class */ (function () {
     InsertHtml.removeEmptyElements = function (element) {
         var emptyElements = element.querySelectorAll(':empty');
         for (var i = 0; i < emptyElements.length; i++) {
-            if (emptyElements[i].tagName !== 'IMG' && emptyElements[i].tagName !== 'BR' &&
-                emptyElements[i].tagName !== 'IFRAME' && emptyElements[i].tagName !== 'TD' &&
-                emptyElements[i].tagName !== 'SOURCE' && emptyElements[i].tagName !== 'HR') {
+            if (CONSTANT.SELF_CLOSING_TAGS.indexOf(emptyElements[i].tagName.toLowerCase()) < 0) {
                 var detachableElement = this.findDetachEmptyElem(emptyElements[i]);
                 if (!isNOU(detachableElement)) {
                     detach(detachableElement);

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

@@ -140,6 +140,10 @@ var Lists = /** @class */ (function () {
                 (startNode.textContent.length === 1 && startNode.textContent.charCodeAt(0) === 8203))) {
             startNode.textContent = '';
         }
+        if (startNode === endNode && startNode.tagName === 'LI' && startNode.textContent.length === 0 &&
+            isNOU(startNode.previousElementSibling)) {
+            startNode.removeAttribute('style');
+        }
         if (startNode === endNode && startNode.textContent === '') {
             if (startNode.parentElement.tagName === 'LI' && endNode.parentElement.tagName === 'LI') {
                 detach(startNode);

package/src/editor-manager/plugin/ms-word-clean-up.js

@@ -110,6 +110,12 @@ var MsWordPaste = /** @class */ (function () {
     MsWordPaste.prototype.imageConversion = function (elm, rtfData) {
         this.checkVShape(elm);
         var imgElem = elm.querySelectorAll('img');
+        for (var i = 0; i < imgElem.length; i++) {
+            if (!isNOU(imgElem[i].getAttribute('v:shapes')) && imgElem[i].getAttribute('v:shapes').indexOf('Picture') < 0) {
+                detach(imgElem[i]);
+            }
+        }
+        imgElem = elm.querySelectorAll('img');
         var imgSrc = [];
         var base64Src = [];
         var imgName = [];

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);

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/html-editor.js

@@ -246,8 +246,8 @@ var HtmlEditor = /** @class */ (function () {
                     }
                 }
             }
-            else if (this.rangeElement.tagName === 'TABLE' || (!isNullOrUndefined(this.rangeElement.previousElementSibling) &&
-                this.rangeElement.previousElementSibling.tagName === 'TABLE')) {
+            else if (this.rangeElement === this.parent.inputElement || this.rangeElement.tagName === 'TABLE' ||
+                (!isNullOrUndefined(this.rangeElement.previousElementSibling) && this.rangeElement.previousElementSibling.tagName === 'TABLE')) {
                 return;
             }
             else {

package/src/rich-text-editor/actions/paste-clean-up.d.ts

@@ -47,6 +47,7 @@ export declare class PasteCleanup {
     private selectFormatting;
     private pasteDialog;
     private destroyDialog;
+    private cleanAppleClass;
     private formatting;
     private addTempClass;
     private removeTempClass;

package/src/rich-text-editor/actions/paste-clean-up.js

@@ -77,7 +77,9 @@ var PasteCleanup = /** @class */ (function () {
                 this.containsHtml = htmlRegex.test(value);
                 var file = e && e.args.clipboardData &&
                     e.args.clipboardData.items.length > 0 ?
-                    e.args.clipboardData.items[0].getAsFile() : null;
+                    (e.args.clipboardData.items[0].getAsFile() === null ?
+                        (!isNOU(e.args.clipboardData.items[1]) ? e.args.clipboardData.items[1].getAsFile() : null) :
+                        e.args.clipboardData.items[0].getAsFile()) : null;
                 this.parent.notify(events.paste, {
                     file: file,
                     args: e.args,
@@ -558,6 +560,13 @@ var PasteCleanup = /** @class */ (function () {
             detach(rteDialogWrapper.children[0]);
         }
     };
+    PasteCleanup.prototype.cleanAppleClass = function (elem) {
+        var appleClassElem = elem.querySelectorAll('br.Apple-interchange-newline');
+        for (var i = 0; i < appleClassElem.length; i++) {
+            detach(appleClassElem[i]);
+        }
+        return elem;
+    };
     PasteCleanup.prototype.formatting = function (value, clean, args) {
         var _this = this;
         var clipBoardElem = this.parent.createElement('div', { className: 'pasteContent', styles: 'display:inline;' });
@@ -565,6 +574,7 @@ var PasteCleanup = /** @class */ (function () {
             value = this.splitBreakLine(value);
         }
         clipBoardElem.innerHTML = value;
+        clipBoardElem = this.cleanAppleClass(clipBoardElem);
         if (this.parent.pasteCleanupSettings.deniedTags !== null) {
             clipBoardElem = this.deniedTags(clipBoardElem);
         }

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) {