@syncfusion/ej2-richtexteditor 18.4.39 → 18.4.42-70943

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

@@ -8,7 +8,7 @@ var InsertMethods = /** @class */ (function () {
     /**
      * WrapBefore method
      * @hidden
-
+     * @deprecated
      */
     InsertMethods.WrapBefore = function (textNode, parentNode, isAfter) {
         parentNode.innerText = textNode.textContent;
@@ -21,7 +21,7 @@ var InsertMethods = /** @class */ (function () {
     /**
      * Wrap method
      * @hidden
-
+     * @deprecated
      */
     InsertMethods.Wrap = function (childNode, parentNode) {
         this.AppendBefore(parentNode, childNode);
@@ -31,7 +31,7 @@ var InsertMethods = /** @class */ (function () {
     /**
      * unwrap method
      * @hidden
-
+     * @deprecated
      */
     InsertMethods.unwrap = function (node) {
         var parent = node.parentNode;
@@ -45,7 +45,7 @@ var InsertMethods = /** @class */ (function () {
     /**
      * AppendBefore method
      * @hidden
-
+     * @deprecated
      */
     InsertMethods.AppendBefore = function (textNode, parentNode, isAfter) {
         return (parentNode.parentNode) ? ((!isAfter) ? parentNode.parentNode.insertBefore(textNode, parentNode)

package/src/editor-manager/plugin/insert-text.d.ts

@@ -2,14 +2,14 @@ import { EditorManager } from '../base/editor-manager';
 /**
  * Insert a Text Node or Text
  * @hidden
-
+ * @deprecated
  */
 export declare class InsertTextExec {
     private parent;
     /**
      * Constructor for creating the InsertText plugin
      * @hidden
-
+     * @deprecated
      */
     constructor(parent: EditorManager);
     private addEventListener;

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

@@ -3,13 +3,13 @@ import { InsertHtml } from './inserthtml';
 /**
  * Insert a Text Node or Text
  * @hidden
-
+ * @deprecated
  */
 var InsertTextExec = /** @class */ (function () {
     /**
      * Constructor for creating the InsertText plugin
      * @hidden
-
+     * @deprecated
      */
     function InsertTextExec(parent) {
         this.parent = parent;

package/src/editor-manager/plugin/inserthtml-exec.d.ts

@@ -2,14 +2,14 @@ import { EditorManager } from './../base/editor-manager';
 /**
  * Selection EXEC internal component
  * @hidden
-
+ * @deprecated
  */
 export declare class InsertHtmlExec {
     private parent;
     /**
      * Constructor for creating the Formats plugin
      * @hidden
-
+     * @deprecated
      */
     constructor(parent: EditorManager);
     private addEventListener;

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

@@ -3,13 +3,13 @@ import { InsertHtml } from './inserthtml';
 /**
  * Selection EXEC internal component
  * @hidden
-
+ * @deprecated
  */
 var InsertHtmlExec = /** @class */ (function () {
     /**
      * Constructor for creating the Formats plugin
      * @hidden
-
+     * @deprecated
      */
     function InsertHtmlExec(parent) {
         this.parent = parent;

package/src/editor-manager/plugin/inserthtml.d.ts

@@ -1,13 +1,13 @@
 /**
  * Insert a HTML Node or Text
  * @hidden
-
+ * @deprecated
  */
 export declare class InsertHtml {
     /**
      * Insert method
      * @hidden
-
+     * @deprecated
      */
     static inlineNode: string[];
     static Insert(docElement: Document, insertNode: Node | string, editNode?: Element, isExternal?: boolean): void;

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

@@ -7,7 +7,7 @@ import { updateTextNode } from './../../common/util';
 /**
  * Insert a HTML Node or Text
  * @hidden
-
+ * @deprecated
  */
 var InsertHtml = /** @class */ (function () {
     function InsertHtml() {
@@ -36,7 +36,7 @@ var InsertHtml = /** @class */ (function () {
         var isCursor = range.startOffset === range.endOffset && range.startOffset === 0 &&
             range.startContainer === range.endContainer;
         var isCollapsed = range.collapsed;
-        var nodes = this.getNodeCollection(range, nodeSelection);
+        var nodes = this.getNodeCollection(range, nodeSelection, node);
         var closestParentNode = (node.nodeName.toLowerCase() === 'table') ? this.closestEle(nodes[0].parentNode, editNode) : nodes[0];
         if (isExternal || (!isNOU(node) && !isNOU(node.classList) &&
             node.classList.contains('pasteContent'))) {
@@ -261,9 +261,10 @@ var InsertHtml = /** @class */ (function () {
         }
     };
     InsertHtml.placeCursorEnd = function (lastSelectionNode, node, nodeSelection, docElement, editNode) {
-        lastSelectionNode = lastSelectionNode.nodeName === 'BR' ? lastSelectionNode.previousSibling : lastSelectionNode;
+        lastSelectionNode = lastSelectionNode.nodeName === 'BR' ? (isNOU(lastSelectionNode.previousSibling) ? lastSelectionNode.parentNode
+            : lastSelectionNode.previousSibling) : lastSelectionNode;
         while (!isNOU(lastSelectionNode) && lastSelectionNode.nodeName !== '#text' && lastSelectionNode.nodeName !== 'IMG' &&
-            lastSelectionNode.nodeName !== 'BR') {
+            lastSelectionNode.nodeName !== 'BR' && lastSelectionNode.nodeName !== 'HR') {
             lastSelectionNode = lastSelectionNode.lastChild;
         }
         lastSelectionNode = isNOU(lastSelectionNode) ? node : lastSelectionNode;
@@ -275,10 +276,11 @@ var InsertHtml = /** @class */ (function () {
         }
         this.removeEmptyElements(editNode);
     };
-    InsertHtml.getNodeCollection = function (range, nodeSelection) {
+    InsertHtml.getNodeCollection = function (range, nodeSelection, node) {
         var nodes = [];
-        if (range.startOffset === range.endOffset && range.startContainer === range.endContainer &&
-            range.startContainer.nodeName === 'TD') {
+        if (range.startOffset === range.endOffset && range.startContainer === range.endContainer
+            && (range.startContainer.nodeName === 'TD' || (range.startContainer.nodeType !== 3 &&
+                node.classList && node.classList.contains('pasteContent')))) {
             nodes.push(range.startContainer.childNodes[range.endOffset]);
         }
         else {
@@ -317,10 +319,12 @@ var InsertHtml = /** @class */ (function () {
         lastSelectionNode.classList.add('lastNode');
         editNode.innerHTML = updateTextNode(editNode.innerHTML);
         lastSelectionNode = editNode.querySelector('.lastNode');
-        this.placeCursorEnd(lastSelectionNode, node, nodeSelection, docElement, editNode);
-        lastSelectionNode.classList.remove('lastNode');
-        if (lastSelectionNode.classList.length === 0) {
-            lastSelectionNode.removeAttribute('class');
+        if (!isNOU(lastSelectionNode)) {
+            this.placeCursorEnd(lastSelectionNode, node, nodeSelection, docElement, editNode);
+            lastSelectionNode.classList.remove('lastNode');
+            if (lastSelectionNode.classList.length === 0) {
+                lastSelectionNode.removeAttribute('class');
+            }
         }
     };
     InsertHtml.imageFocus = function (node, nodeSelection, docElement) {
@@ -382,7 +386,7 @@ var InsertHtml = /** @class */ (function () {
     /**
      * Insert method
      * @hidden
-
+     * @deprecated
      */
     InsertHtml.inlineNode = ['a', 'abbr', 'acronym', 'audio', 'b', 'bdi', 'bdo', 'big', 'br', 'button',
         'canvas', 'cite', 'code', 'data', 'datalist', 'del', 'dfn', 'em', 'embed', 'font', 'i', 'iframe', 'img', 'input',

package/src/editor-manager/plugin/isformatted.d.ts

@@ -1,14 +1,14 @@
 /**
  * Is formatted or not.
  * @hidden
-
+ * @deprecated
  */
 export declare class IsFormatted {
     static inlineTags: string[];
     /**
      * getFormattedNode method
      * @hidden
-
+     * @deprecated
      */
     getFormattedNode(node: Node, format: string, endNode: Node): Node;
     private getFormatParent;
@@ -16,37 +16,37 @@ export declare class IsFormatted {
     /**
      * isBold method
      * @hidden
-
+     * @deprecated
      */
     static isBold(node: Node): boolean;
     /**
      * isItalic method
      * @hidden
-
+     * @deprecated
      */
     static isItalic(node: Node): boolean;
     /**
      * isUnderline method
      * @hidden
-
+     * @deprecated
      */
     static isUnderline(node: Node): boolean;
     /**
      * isStrikethrough method
      * @hidden
-
+     * @deprecated
      */
     static isStrikethrough(node: Node): boolean;
     /**
      * isSuperscript method
      * @hidden
-
+     * @deprecated
      */
     static isSuperscript(node: Node): boolean;
     /**
      * isSubscript method
      * @hidden
-
+     * @deprecated
      */
     static isSubscript(node: Node): boolean;
     private isFontColor;

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

@@ -1,7 +1,7 @@
 /**
  * Is formatted or not.
  * @hidden
-
+ * @deprecated
  */
 var IsFormatted = /** @class */ (function () {
     function IsFormatted() {
@@ -9,7 +9,7 @@ var IsFormatted = /** @class */ (function () {
     /**
      * getFormattedNode method
      * @hidden
-
+     * @deprecated
      */
     IsFormatted.prototype.getFormattedNode = function (node, format, endNode) {
         var parentNode = this.getFormatParent(node, format, endNode);
@@ -53,7 +53,7 @@ var IsFormatted = /** @class */ (function () {
     /**
      * isBold method
      * @hidden
-
+     * @deprecated
      */
     IsFormatted.isBold = function (node) {
         var validTags = ['strong', 'b'];
@@ -71,7 +71,7 @@ var IsFormatted = /** @class */ (function () {
     /**
      * isItalic method
      * @hidden
-
+     * @deprecated
      */
     IsFormatted.isItalic = function (node) {
         var validTags = ['em', 'i'];
@@ -89,7 +89,7 @@ var IsFormatted = /** @class */ (function () {
     /**
      * isUnderline method
      * @hidden
-
+     * @deprecated
      */
     IsFormatted.isUnderline = function (node) {
         var validTags = ['u'];
@@ -107,7 +107,7 @@ var IsFormatted = /** @class */ (function () {
     /**
      * isStrikethrough method
      * @hidden
-
+     * @deprecated
      */
     IsFormatted.isStrikethrough = function (node) {
         var validTags = ['del', 'strike'];
@@ -125,7 +125,7 @@ var IsFormatted = /** @class */ (function () {
     /**
      * isSuperscript method
      * @hidden
-
+     * @deprecated
      */
     IsFormatted.isSuperscript = function (node) {
         var validTags = ['sup'];
@@ -139,7 +139,7 @@ var IsFormatted = /** @class */ (function () {
     /**
      * isSubscript method
      * @hidden
-
+     * @deprecated
      */
     IsFormatted.isSubscript = function (node) {
         var validTags = ['sub'];

package/src/editor-manager/plugin/link.d.ts

@@ -2,14 +2,14 @@ import { EditorManager } from './../base/editor-manager';
 /**
  * Link internal component
  * @hidden
-
+ * @deprecated
  */
 export declare class LinkCommand {
     private parent;
     /**
      * Constructor for creating the Formats plugin
      * @hidden
-
+     * @deprecated
      */
     constructor(parent: EditorManager);
     private addEventListener;

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

@@ -6,13 +6,13 @@ import { InsertHtml } from './inserthtml';
 /**
  * Link internal component
  * @hidden
-
+ * @deprecated
  */
 var LinkCommand = /** @class */ (function () {
     /**
      * Constructor for creating the Formats plugin
      * @hidden
-
+     * @deprecated
      */
     function LinkCommand(parent) {
         this.parent = parent;
@@ -125,17 +125,17 @@ var LinkCommand = /** @class */ (function () {
             var check = true;
             currentNode = txtArray[i];
             while (check === true) {
-                if (currentNode.parentElement.nodeName === 'A') {
-                    var anchorEle = currentNode.parentElement;
-                    currentNode.parentElement.parentElement.insertBefore(anchorEle.firstChild, anchorEle);
-                    currentNode.parentElement.removeChild(anchorEle);
+                if (currentNode.parentNode.nodeName === 'A') {
+                    var anchorEle = currentNode.parentNode;
+                    currentNode.parentNode.parentNode.insertBefore(anchorEle.firstChild, anchorEle);
+                    currentNode.parentNode.removeChild(anchorEle);
                 }
-                if (this.isBlockNode(currentNode.parentElement) || txtArray.length === 0 || i === 0 || i === txtArray.length - 1) {
+                if (this.isBlockNode(currentNode.parentNode) || txtArray.length === 0 || i === 0 || i === txtArray.length - 1) {
                     inlineNodes[i] = currentNode;
                     check = false;
                 }
                 else {
-                    currentNode = currentNode.parentElement;
+                    currentNode = currentNode.parentNode;
                 }
             }
         }

package/src/editor-manager/plugin/lists.d.ts

@@ -2,7 +2,7 @@ import { EditorManager } from './../base/editor-manager';
 /**
  * Lists internal component
  * @hidden
-
+ * @deprecated
  */
 export declare class Lists {
     private parent;
@@ -14,7 +14,7 @@ export declare class Lists {
     /**
      * Constructor for creating the Lists plugin
      * @hidden
-
+     * @deprecated
      */
     constructor(parent: EditorManager);
     private addEventListener;

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

@@ -8,13 +8,13 @@ import { isNullOrUndefined, isNullOrUndefined as isNOU, closest } from '@syncfus
 /**
  * Lists internal component
  * @hidden
-
+ * @deprecated
  */
 var Lists = /** @class */ (function () {
     /**
      * Constructor for creating the Lists plugin
      * @hidden
-
+     * @deprecated
      */
     function Lists(parent) {
         this.parent = parent;
@@ -93,11 +93,15 @@ var Lists = /** @class */ (function () {
         startNode = startNode.nodeName === 'BR' ? startNode.parentElement : startNode;
         endNode = endNode.nodeName === 'BR' ? endNode.parentElement : endNode;
         if (startNode === endNode && !isNullOrUndefined(closest(startNode, 'li')) &&
-            startNode.textContent.trim() === '' && startNode.textContent.charCodeAt(0) === 65279) {
+            ((startNode.textContent.trim() === '' && startNode.textContent.charCodeAt(0) === 65279) ||
+                (startNode.textContent.length === 1 && startNode.textContent.charCodeAt(0) === 8203))) {
             startNode.textContent = '';
         }
         if (startNode === endNode && startNode.textContent === '') {
-            if (startNode.closest('ul') || startNode.closest('ol')) {
+            if (startNode.parentElement.tagName === 'LI' && endNode.parentElement.tagName === 'LI') {
+                detach(startNode);
+            }
+            else if (startNode.closest('ul') || startNode.closest('ol')) {
                 var parentList = !isNOU(startNode.closest('ul')) ? startNode.closest('ul') : startNode.closest('ol');
                 if (parentList.firstElementChild === startNode && !isNOU(parentList.children[1]) &&
                     (parentList.children[1].tagName === 'OL' || parentList.children[1].tagName === 'UL')) {

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

@@ -2,7 +2,7 @@ import { EditorManager } from '../base/editor-manager';
 /**
  * PasteCleanup for MsWord content
  * @hidden
-
+ * @deprecated
  */
 export declare class MsWordPaste {
     private parent;

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

@@ -3,7 +3,7 @@ import { createElement, isNullOrUndefined as isNOU, detach } from '@syncfusion/e
 /**
  * PasteCleanup for MsWord content
  * @hidden
-
+ * @deprecated
  */
 var MsWordPaste = /** @class */ (function () {
     function MsWordPaste(parent) {
@@ -575,18 +575,34 @@ var MsWordPaste = /** @class */ (function () {
     };
     MsWordPaste.prototype.getListContent = function (elem) {
         var pushContent = '';
-        if (elem.firstElementChild.textContent.trim() === '' &&
-            !isNOU(elem.firstElementChild.firstElementChild) &&
-            elem.firstElementChild.firstElementChild.nodeName === 'IMG') {
+        var firstChild = elem.firstElementChild;
+        if (firstChild.textContent.trim() === '' && !isNOU(firstChild.firstElementChild) &&
+            firstChild.firstElementChild.nodeName === 'IMG') {
             pushContent = elem.innerHTML.trim();
             this.listContents.push('');
             this.listContents.push(pushContent);
         }
         else {
-            pushContent = elem.firstElementChild.textContent.trim();
-            this.listContents.push(pushContent);
+            var styleNodes = ['b', 'em'];
+            if (firstChild.childNodes.length > 0 && (firstChild.querySelectorAll('b').length > 0
+                || firstChild.querySelectorAll('em').length > 0)) {
+                for (var i = 0; i < firstChild.childNodes.length; i++) {
+                    var nodeName = firstChild.childNodes[i].nodeName.toLowerCase();
+                    if (firstChild.childNodes[i].textContent.trim().length > 1 && styleNodes.indexOf(nodeName) !== -1) {
+                        pushContent = '<' + nodeName + '>' + firstChild.childNodes[i].textContent + '</' + nodeName + '>';
+                        this.listContents.push(pushContent);
+                    }
+                    else if (firstChild.childNodes[i].textContent.trim().length === 1) {
+                        this.listContents.push(firstChild.childNodes[i].textContent.trim());
+                    }
+                }
+            }
+            else {
+                pushContent = firstChild.textContent.trim();
+                this.listContents.push(pushContent);
+            }
         }
-        detach(elem.firstElementChild);
+        detach(firstChild);
         this.listContents.push(elem.innerHTML);
     };
     return MsWordPaste;

package/src/editor-manager/plugin/nodecutter.d.ts

@@ -1,7 +1,7 @@
 /**
  * Split the Node based on selection
  * @hidden
-
+ * @deprecated
  */
 export declare class NodeCutter {
     position: number;
@@ -9,12 +9,12 @@ export declare class NodeCutter {
     /**
      * GetSpliceNode method
      * @hidden
-
+     * @deprecated
      */
     GetSpliceNode(range: Range, node: HTMLElement): Node;
     /**
      * @hidden
-
+     * @deprecated
      */
     SplitNode(range: Range, node: HTMLElement, isCollapsed: boolean): HTMLElement;
     private isImgElm;
@@ -23,19 +23,19 @@ export declare class NodeCutter {
     /**
      * GetCursorRange method
      * @hidden
-
+     * @deprecated
      */
     GetCursorRange(docElement: Document, range: Range, node: Node): Range;
     /**
      * GetCursorNode method
      * @hidden
-
+     * @deprecated
      */
     GetCursorNode(docElement: Document, range: Range, node: Node): Node;
     /**
      * TrimLineBreak method
      * @hidden
-
+     * @deprecated
      */
     TrimLineBreak(line: string): string;
 }

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

@@ -4,7 +4,7 @@ import { InsertMethods } from './insert-methods';
 /**
  * Split the Node based on selection
  * @hidden
-
+ * @deprecated
  */
 var NodeCutter = /** @class */ (function () {
     function NodeCutter() {
@@ -15,7 +15,7 @@ var NodeCutter = /** @class */ (function () {
     /**
      * GetSpliceNode method
      * @hidden
-
+     * @deprecated
      */
     NodeCutter.prototype.GetSpliceNode = function (range, node) {
         node = this.SplitNode(range, node, true);
@@ -24,7 +24,7 @@ var NodeCutter = /** @class */ (function () {
     };
     /**
      * @hidden
-
+     * @deprecated
      */
     NodeCutter.prototype.SplitNode = function (range, node, isCollapsed) {
         if (node) {
@@ -128,7 +128,7 @@ var NodeCutter = /** @class */ (function () {
     /**
      * GetCursorRange method
      * @hidden
-
+     * @deprecated
      */
     NodeCutter.prototype.GetCursorRange = function (docElement, range, node) {
         var cursorRange = docElement.createRange();
@@ -167,7 +167,7 @@ var NodeCutter = /** @class */ (function () {
     /**
      * GetCursorNode method
      * @hidden
-
+     * @deprecated
      */
     NodeCutter.prototype.GetCursorNode = function (docElement, range, node) {
         return this.GetSpliceNode(this.GetCursorRange(docElement, range, node), node);
@@ -175,7 +175,7 @@ var NodeCutter = /** @class */ (function () {
     /**
      * TrimLineBreak method
      * @hidden
-
+     * @deprecated
      */
     NodeCutter.prototype.TrimLineBreak = function (line) {
         return line.replace(/(\r\n\t|\n|\r\t)/gm, ' ');

package/src/editor-manager/plugin/selection-commands.d.ts

@@ -2,10 +2,11 @@ export declare class SelectionCommands {
     /**
      * applyFormat method
      * @hidden
-
+     * @deprecated
      */
     static applyFormat(docElement: Document, format: string, endNode: Node, value?: string, selector?: string): void;
     private static insertCursorNode;
+    private static getCursorFormat;
     private static removeFormat;
     private static insertFormat;
     private static applyStyles;