@syncfusion/ej2-richtexteditor 20.4.40 → 20.4.43

package/dist/global/index.d.ts

@@ -1,6 +1,6 @@
 /*!
 *  filename: index.d.ts
-*  version : 20.4.40
+*  version : 20.4.43
 *  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.4.38",
+  "_id": "@syncfusion/ej2-richtexteditor@20.4.42",
   "_inBundle": false,
-  "_integrity": "sha512-99KINen2pXxxLc7WURF0dR7R+gc/1SCmKhe/iD3X+xyc8LIaNnBlRYaHGk1pCkmElDeEHKFOziXSl7V7NXDMjQ==",
+  "_integrity": "sha512-6Q5JaOeGQcmOpqZLxpR9o6ogvnsJeAW3sJdpshqeRUAKt4w7yd/ly3Ny0qolUjjplp00hESAS1Kh3l6BbK98jw==",
   "_location": "/@syncfusion/ej2-richtexteditor",
   "_phantomChildren": {},
   "_requested": {
@@ -26,8 +26,8 @@
     "/@syncfusion/ej2-react-richtexteditor",
     "/@syncfusion/ej2-vue-richtexteditor"
   ],
-  "_resolved": "https://nexus.syncfusion.com/repository/ej2-hotfix-new/@syncfusion/ej2-richtexteditor/-/ej2-richtexteditor-20.4.38.tgz",
-  "_shasum": "cfd4376bcc8a43284062d004871b44ce4e6a6a72",
+  "_resolved": "https://nexus.syncfusion.com/repository/ej2-hotfix-new/@syncfusion/ej2-richtexteditor/-/ej2-richtexteditor-20.4.42.tgz",
+  "_shasum": "67c24a82816a8ebbedfafbb18e734dfbffc17144",
   "_spec": "@syncfusion/ej2-richtexteditor@*",
   "_where": "/jenkins/workspace/ease-automation_release_19.1.0.1/packages/included",
   "author": {
@@ -38,13 +38,13 @@
   },
   "bundleDependencies": false,
   "dependencies": {
-    "@syncfusion/ej2-base": "~20.4.40",
-    "@syncfusion/ej2-buttons": "~20.4.40",
-    "@syncfusion/ej2-filemanager": "~20.4.40",
-    "@syncfusion/ej2-inputs": "~20.4.40",
-    "@syncfusion/ej2-navigations": "~20.4.40",
-    "@syncfusion/ej2-popups": "~20.4.40",
-    "@syncfusion/ej2-splitbuttons": "~20.4.40"
+    "@syncfusion/ej2-base": "~20.4.42",
+    "@syncfusion/ej2-buttons": "~20.4.42",
+    "@syncfusion/ej2-filemanager": "~20.4.43",
+    "@syncfusion/ej2-inputs": "~20.4.42",
+    "@syncfusion/ej2-navigations": "~20.4.43",
+    "@syncfusion/ej2-popups": "~20.4.43",
+    "@syncfusion/ej2-splitbuttons": "~20.4.42"
   },
   "deprecated": false,
   "description": "Essential JS 2 RichTextEditor component",
@@ -70,6 +70,6 @@
     "url": "git+https://github.com/syncfusion/ej2-javascript-ui-controls.git"
   },
   "typings": "index.d.ts",
-  "version": "20.4.40",
+  "version": "20.4.43",
   "sideEffects": false
 }

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

@@ -247,52 +247,62 @@ var InsertHtml = /** @class */ (function () {
             }
         }
         else {
-            this.insertTempNode(range, node, nodes, nodeCutter, editNode);
-            var isFirstTextNode = true;
-            var isPreviousInlineElem = void 0;
-            var paraElm = void 0;
-            var previousParent = void 0;
-            if (!this.contentsDeleted) {
-                range.deleteContents();
-            }
-            while (node.firstChild) {
-                if (node.firstChild.nodeName === '#text' && node.firstChild.textContent.trim() === '') {
-                    detach(node.firstChild);
-                    continue;
+            var parentElem = range.startContainer;
+            while (!isNOU(parentElem) && parentElem.nodeName !== 'PRE' && parentElem !== editNode) {
+                parentElem = parentElem.parentElement;
+            }
+            if (!isNOU(node) && !isNOU(parentElem) && parentElem.nodeName === 'PRE') {
+                range.insertNode(node);
+                lastSelectionNode = node.lastChild;
+            }
+            else {
+                this.insertTempNode(range, node, nodes, nodeCutter, editNode);
+                var isFirstTextNode = true;
+                var isPreviousInlineElem = void 0;
+                var paraElm = void 0;
+                var previousParent = void 0;
+                if (!this.contentsDeleted) {
+                    range.deleteContents();
                 }
-                if (node.firstChild.nodeName === '#text' && isFirstTextNode ||
-                    (this.inlineNode.indexOf(node.firstChild.nodeName.toLocaleLowerCase()) >= 0 && isFirstTextNode)) {
-                    lastSelectionNode = node.firstChild;
-                    if (isNOU(node.previousElementSibling)) {
-                        var firstParaElm = createElement('p');
-                        node.parentElement.insertBefore(firstParaElm, node);
+                while (node.firstChild) {
+                    if (node.firstChild.nodeName === '#text' && node.firstChild.textContent.trim() === '') {
+                        detach(node.firstChild);
+                        continue;
                     }
-                    node.previousElementSibling.appendChild(node.firstChild);
-                }
-                else {
-                    lastSelectionNode = node.firstChild;
-                    if (node.firstChild.nodeName === '#text' ||
-                        (this.inlineNode.indexOf(node.firstChild.nodeName.toLocaleLowerCase()) >= 0)) {
-                        if (!isPreviousInlineElem) {
-                            paraElm = createElement('p');
-                            paraElm.appendChild(node.firstChild);
-                            fragment.appendChild(paraElm);
-                        }
-                        else {
-                            previousParent.appendChild(node.firstChild);
-                            fragment.appendChild(previousParent);
+                    if (node.firstChild.nodeName === '#text' && isFirstTextNode ||
+                        (this.inlineNode.indexOf(node.firstChild.nodeName.toLocaleLowerCase()) >= 0 && isFirstTextNode)) {
+                        lastSelectionNode = node.firstChild;
+                        if (isNOU(node.previousElementSibling)) {
+                            var firstParaElm = createElement('p');
+                            node.parentElement.insertBefore(firstParaElm, node);
                         }
-                        previousParent = paraElm;
-                        isPreviousInlineElem = true;
+                        node.previousElementSibling.appendChild(node.firstChild);
                     }
                     else {
-                        fragment.appendChild(node.firstChild);
-                        isPreviousInlineElem = false;
+                        lastSelectionNode = node.firstChild;
+                        if (node.firstChild.nodeName === '#text' ||
+                            (this.inlineNode.indexOf(node.firstChild.nodeName.toLocaleLowerCase()) >= 0)) {
+                            if (!isPreviousInlineElem) {
+                                paraElm = createElement('p');
+                                paraElm.appendChild(node.firstChild);
+                                fragment.appendChild(paraElm);
+                            }
+                            else {
+                                previousParent.appendChild(node.firstChild);
+                                fragment.appendChild(previousParent);
+                            }
+                            previousParent = paraElm;
+                            isPreviousInlineElem = true;
+                        }
+                        else {
+                            fragment.appendChild(node.firstChild);
+                            isPreviousInlineElem = false;
+                        }
+                        isFirstTextNode = false;
                     }
-                    isFirstTextNode = false;
                 }
+                node.parentNode.replaceChild(fragment, node);
             }
-            node.parentNode.replaceChild(fragment, node);
         }
         if (lastSelectionNode.nodeName === '#text') {
             this.placeCursorEnd(lastSelectionNode, node, nodeSelection, docElement, editNode);

package/src/editor-manager/plugin/toolbar-status.js

@@ -29,10 +29,11 @@ var ToolbarStatus = /** @class */ (function () {
         var formatCollection = JSON.parse(JSON.stringify(statusCollection));
         var nodeCollection = JSON.parse(JSON.stringify(statusCollection));
         var nodeSelection = new NodeSelection();
-        var nodes = documentNode ? [documentNode] : nodeSelection.getNodeCollection(nodeSelection.getRange(docElement));
+        var range = nodeSelection.getRange(docElement);
+        var nodes = documentNode ? [documentNode] : range.collapsed ? nodeSelection.getNodeCollection(range) :
+            nodeSelection.getSelectionNodeCollectionBr(range);
         var nodesLength = nodes.length;
         var isNodeChanged = false;
-        var range = nodeSelection.getRange(docElement);
         for (var index = 0; index < nodes.length; index++) {
             while (nodes[index].nodeType === 3 && range.startContainer.nodeType === 3 && nodes[index].parentNode &&
                 nodes[index].parentNode.lastElementChild && nodes[index].parentNode.lastElementChild.nodeName !== 'BR' &&

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

@@ -109,10 +109,12 @@ var HtmlEditor = /** @class */ (function () {
         // eslint-disable-next-line
         var regEx = new RegExp(String.fromCharCode(8203), 'g');
         var pointer;
+        var isRootParent = false;
         if (restrictKeys.indexOf(args.keyCode) < 0 && !args.shiftKey && !args.ctrlKey && !args.altKey) {
             pointer = range.startOffset;
             // eslint-disable-next-line @typescript-eslint/no-unused-expressions
-            range.startContainer.nodeName === '#text' ? range.startContainer.parentElement.classList.add('currentStartMark') : range.startContainer.classList.add('currentStartMark');
+            range.startContainer.nodeName === '#text' ? range.startContainer.parentElement !== this.parent.inputElement ? range.startContainer.parentElement.classList.add('currentStartMark')
+                : isRootParent = true : range.startContainer.classList.add('currentStartMark');
             if (range.startContainer.textContent.charCodeAt(0) === 8203) {
                 pointer = range.startOffset === 0 ? range.startOffset : range.startOffset - 1;
                 range.startContainer.textContent = range.startContainer.textContent.replace(regEx, '');
@@ -121,7 +123,7 @@ var HtmlEditor = /** @class */ (function () {
             var previousLength = this.parent.inputElement.innerHTML.length;
             var currentLength = this.parent.inputElement.innerHTML.replace(regEx, '').length;
             var focusNode = range.startContainer;
-            if (previousLength > currentLength) {
+            if (previousLength > currentLength && !isRootParent) {
                 var currentChild = this.parent.inputElement.firstChild;
                 while (!isNOU(currentChild) && currentChild.textContent.replace(regEx, '').trim().length > 0) {
                     currentChild.innerHTML = currentChild.innerHTML.replace(regEx, '');

package/src/rich-text-editor/base/rich-text-editor-model.d.ts

@@ -97,8 +97,8 @@ export interface RichTextEditorModel extends ComponentModel{
      * * enable - Set Boolean value to enable, the editors content is placed in an iframe and isolated from the rest of the page.
      * * attributes - Custom style to be used inside the iframe to display content. This style is added to the iframe body.
      * * resources - we can add both styles and scripts to the iframe.
-     * 1. styles[] - An array of CSS style files to inject inside the iframe to display content
-     * 2. scripts[] - An array of JS script files to inject inside the iframe
+     * 1. styles[] - An array of CSS style files to inject inside the iframe to display content.
+     * 2. scripts[] - An array of JS script files to inject inside the iframe.
      *
      * {% codeBlock src='rich-text-editor/iframe-settings/index.md' %}{% endcodeBlock %}
      *

package/src/rich-text-editor/base/rich-text-editor.d.ts

@@ -267,8 +267,8 @@ export declare class RichTextEditor extends Component<HTMLElement> implements IN
      * * enable - Set Boolean value to enable, the editors content is placed in an iframe and isolated from the rest of the page.
      * * attributes - Custom style to be used inside the iframe to display content. This style is added to the iframe body.
      * * resources - we can add both styles and scripts to the iframe.
-     * 1. styles[] - An array of CSS style files to inject inside the iframe to display content
-     * 2. scripts[] - An array of JS script files to inject inside the iframe
+     * 1. styles[] - An array of CSS style files to inject inside the iframe to display content.
+     * 2. scripts[] - An array of JS script files to inject inside the iframe.
      *
      * {% codeBlock src='rich-text-editor/iframe-settings/index.md' %}{% endcodeBlock %}
      *

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

@@ -456,6 +456,10 @@ var Image = /** @class */ (function () {
         });
     };
     Image.prototype.resizing = function (e) {
+        if (!this.parent) {
+            this.cancelResizeAction();
+            return;
+        }
         if (this.imgEle.offsetWidth >= this.parent.getInsertImgMaxWidth()) {
             this.imgEle.style.maxHeight = this.imgEle.offsetHeight + 'px';
         }

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

@@ -465,9 +465,10 @@ var Table = /** @class */ (function () {
                 var range_1 = this.parent.formatter.editorManager.nodeSelection.getRange(this.contentModule.getDocument());
                 this.parent.formatter.editorManager.nodeSelection.save(range_1, this.contentModule.getDocument());
                 this.parent.formatter.editorManager.nodeSelection.Clear(this.contentModule.getDocument());
+                var pageX = (this.parent.iframeSettings.enable) ? window.pageXOffset + this.parent.element.getBoundingClientRect().left + args.clientX : args.pageX;
                 var pageY = (this.parent.iframeSettings.enable) ? window.pageYOffset +
                     this.parent.element.getBoundingClientRect().top + args.clientY : args.pageY;
-                this.quickToolObj.tableQTBar.showPopup(args.pageX, pageY, target);
+                this.quickToolObj.tableQTBar.showPopup(pageX, pageY, target);
                 this.parent.formatter.editorManager.nodeSelection.restore();
             }
             else {