@syncfusion/ej2-richtexteditor 18.1.52 → 18.2.44-4568

package/src/editor-manager/plugin/dom-node.js

@@ -9,13 +9,13 @@ export var markerClassName = {
 /**
  * DOMNode internal plugin
  * @hidden
-
+ * @deprecated
  */
 var DOMNode = /** @class */ (function () {
     /**
      * Constructor for creating the DOMNode plugin
      * @hidden
-
+     * @deprecated
      */
     function DOMNode(parent, currentDocument) {
         this.parent = parent;
@@ -25,7 +25,7 @@ var DOMNode = /** @class */ (function () {
     /**
      * contents method
      * @hidden
-
+     * @deprecated
      */
     DOMNode.prototype.contents = function (element) {
         return (element && 'IFRAME' !== element.tagName ? Array.prototype.slice.call(element.childNodes || []) : []);
@@ -33,7 +33,7 @@ var DOMNode = /** @class */ (function () {
     /**
      * isBlockNode method
      * @hidden
-
+     * @deprecated
      */
     DOMNode.prototype.isBlockNode = function (element) {
         return (!!element && (element.nodeType === Node.ELEMENT_NODE && CONSTANT.BLOCK_TAGS.indexOf(element.tagName.toLowerCase()) >= 0));
@@ -41,7 +41,7 @@ var DOMNode = /** @class */ (function () {
     /**
      * isLink method
      * @hidden
-
+     * @deprecated
      */
     DOMNode.prototype.isLink = function (element) {
         return (!!element && (element.nodeType === Node.ELEMENT_NODE && 'a' === element.tagName.toLowerCase()));
@@ -49,7 +49,7 @@ var DOMNode = /** @class */ (function () {
     /**
      * blockParentNode method
      * @hidden
-
+     * @deprecated
      */
     DOMNode.prototype.blockParentNode = function (element) {
         for (; element && element.parentNode !== this.parent && ((!element.parentNode ||
@@ -64,7 +64,7 @@ var DOMNode = /** @class */ (function () {
     /**
      * rawAttributes method
      * @hidden
-
+     * @deprecated
      */
     DOMNode.prototype.rawAttributes = function (element) {
         var rawAttr = {};
@@ -80,7 +80,7 @@ var DOMNode = /** @class */ (function () {
     /**
      * attributes method
      * @hidden
-
+     * @deprecated
      */
     DOMNode.prototype.attributes = function (element) {
         if (!element) {
@@ -110,7 +110,7 @@ var DOMNode = /** @class */ (function () {
     /**
      * clearAttributes method
      * @hidden
-
+     * @deprecated
      */
     DOMNode.prototype.clearAttributes = function (element) {
         for (var attr = element.attributes, c = attr.length - 1; c >= 0; c--) {
@@ -121,7 +121,7 @@ var DOMNode = /** @class */ (function () {
     /**
      * openTagString method
      * @hidden
-
+     * @deprecated
      */
     DOMNode.prototype.openTagString = function (element) {
         return '<' + element.tagName.toLowerCase() + this.attributes(element) + '>';
@@ -129,7 +129,7 @@ var DOMNode = /** @class */ (function () {
     /**
      * closeTagString method
      * @hidden
-
+     * @deprecated
      */
     DOMNode.prototype.closeTagString = function (element) {
         return '</' + element.tagName.toLowerCase() + '>';
@@ -137,7 +137,7 @@ var DOMNode = /** @class */ (function () {
     /**
      * createTagString method
      * @hidden
-
+     * @deprecated
      */
     DOMNode.prototype.createTagString = function (tagName, relativeElement, innerHTML) {
         return '<' + tagName.toLowerCase() + this.attributes(relativeElement) + '>' + innerHTML + '</' + tagName.toLowerCase() + '>';
@@ -145,7 +145,7 @@ var DOMNode = /** @class */ (function () {
     /**
      * isList method
      * @hidden
-
+     * @deprecated
      */
     DOMNode.prototype.isList = function (element) {
         return !!element && ['UL', 'OL'].indexOf(element.tagName) >= 0;
@@ -153,7 +153,7 @@ var DOMNode = /** @class */ (function () {
     /**
      * isElement method
      * @hidden
-
+     * @deprecated
      */
     DOMNode.prototype.isElement = function (element) {
         return element === this.parent;
@@ -161,7 +161,7 @@ var DOMNode = /** @class */ (function () {
     /**
      * isEditable method
      * @hidden
-
+     * @deprecated
      */
     DOMNode.prototype.isEditable = function (element) {
         return ((!element.getAttribute || element.getAttribute('contenteditable') === 'true')
@@ -170,7 +170,7 @@ var DOMNode = /** @class */ (function () {
     /**
      * hasClass method
      * @hidden
-
+     * @deprecated
      */
     DOMNode.prototype.hasClass = function (element, className) {
         return element && element.classList && element.classList.contains(className);
@@ -178,7 +178,7 @@ var DOMNode = /** @class */ (function () {
     /**
      * replaceWith method
      * @hidden
-
+     * @deprecated
      */
     DOMNode.prototype.replaceWith = function (element, value) {
         var parentNode = element.parentNode;
@@ -188,7 +188,7 @@ var DOMNode = /** @class */ (function () {
     /**
      * parseHTMLFragment method
      * @hidden
-
+     * @deprecated
      */
     DOMNode.prototype.parseHTMLFragment = function (value) {
         /* tslint:disable */
@@ -205,7 +205,7 @@ var DOMNode = /** @class */ (function () {
     /**
      * wrap method
      * @hidden
-
+     * @deprecated
      */
     DOMNode.prototype.wrap = function (element, wrapper) {
         element.parentNode.insertBefore(wrapper, element);
@@ -216,7 +216,7 @@ var DOMNode = /** @class */ (function () {
     /**
      * insertAfter method
      * @hidden
-
+     * @deprecated
      */
     DOMNode.prototype.insertAfter = function (newNode, referenceNode) {
         referenceNode.parentNode.insertBefore(newNode, referenceNode.nextSibling);
@@ -224,7 +224,7 @@ var DOMNode = /** @class */ (function () {
     /**
      * wrapInner method
      * @hidden
-
+     * @deprecated
      */
     DOMNode.prototype.wrapInner = function (parent, wrapper) {
         parent.appendChild(wrapper);
@@ -241,7 +241,7 @@ var DOMNode = /** @class */ (function () {
     /**
      * unWrap method
      * @hidden
-
+     * @deprecated
      */
     DOMNode.prototype.unWrap = function (element) {
         var parent = element.parentNode;
@@ -257,7 +257,7 @@ var DOMNode = /** @class */ (function () {
     /**
      * getSelectedNode method
      * @hidden
-
+     * @deprecated
      */
     DOMNode.prototype.getSelectedNode = function (element, index) {
         if (element.nodeType === Node.ELEMENT_NODE && element.childNodes.length > 0 &&
@@ -277,7 +277,7 @@ var DOMNode = /** @class */ (function () {
     /**
      * nodeFinds method
      * @hidden
-
+     * @deprecated
      */
     DOMNode.prototype.nodeFinds = function (element, elements) {
         var existNodes = [];
@@ -291,7 +291,7 @@ var DOMNode = /** @class */ (function () {
     /**
      * isEditorArea method
      * @hidden
-
+     * @deprecated
      */
     DOMNode.prototype.isEditorArea = function () {
         var range = this.getRangePoint(0);
@@ -304,7 +304,7 @@ var DOMNode = /** @class */ (function () {
     /**
      * getRangePoint method
      * @hidden
-
+     * @deprecated
      */
     DOMNode.prototype.getRangePoint = function (point) {
         var selection = this.getSelection();
@@ -326,7 +326,7 @@ var DOMNode = /** @class */ (function () {
     /**
      * getPreviousNode method
      * @hidden
-
+     * @deprecated
      */
     DOMNode.prototype.getPreviousNode = function (element) {
         element = element.previousElementSibling;
@@ -338,7 +338,7 @@ var DOMNode = /** @class */ (function () {
     /**
      * encode method
      * @hidden
-
+     * @deprecated
      */
     DOMNode.prototype.encode = function (value) {
         var divNode = document.createElement('div');
@@ -348,7 +348,7 @@ var DOMNode = /** @class */ (function () {
     /**
      * saveMarker method
      * @hidden
-
+     * @deprecated
      */
     DOMNode.prototype.saveMarker = function (save, action) {
         var start = this.parent.querySelector('.' + markerClassName.startSelection);
@@ -393,7 +393,7 @@ var DOMNode = /** @class */ (function () {
     /**
      * setMarker method
      * @hidden
-
+     * @deprecated
      */
     DOMNode.prototype.setMarker = function (save) {
         var range = save.range;
@@ -459,7 +459,7 @@ var DOMNode = /** @class */ (function () {
     /**
      * ensureSelfClosingTag method
      * @hidden
-
+     * @deprecated
      */
     DOMNode.prototype.ensureSelfClosingTag = function (start, className, range) {
         var isTable = false;
@@ -514,7 +514,7 @@ var DOMNode = /** @class */ (function () {
     /**
      * createTempNode method
      * @hidden
-
+     * @deprecated
      */
     DOMNode.prototype.createTempNode = function (element) {
         var textContent = element.textContent;
@@ -545,7 +545,7 @@ var DOMNode = /** @class */ (function () {
     /**
      * getImageTagInSelection method
      * @hidden
-
+     * @deprecated
      */
     DOMNode.prototype.getImageTagInSelection = function () {
         var selection = this.getSelection();
@@ -557,7 +557,7 @@ var DOMNode = /** @class */ (function () {
     /**
      * blockNodes method
      * @hidden
-
+     * @deprecated
      */
     DOMNode.prototype.blockNodes = function () {
         var collectionNodes = [];

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

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

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

@@ -6,13 +6,13 @@ import { NodeCutter } from './nodecutter';
 /**
  * Formats internal component
  * @hidden
-
+ * @deprecated
  */
 var Formats = /** @class */ (function () {
     /**
      * Constructor for creating the Formats plugin
      * @hidden
-
+     * @deprecated
      */
     function Formats(parent) {
         this.parent = parent;

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

@@ -3,21 +3,21 @@ import { IHtmlItem } from './../base/interface';
 /**
  * Link internal component
  * @hidden
-
+ * @deprecated
  */
 export declare class ImageCommand {
     private parent;
     /**
      * Constructor for creating the Formats plugin
      * @hidden
-
+     * @deprecated
      */
     constructor(parent: EditorManager);
     private addEventListener;
     /**
      * imageCommand method
      * @hidden
-
+     * @deprecated
      */
     imageCommand(e: IHtmlItem): void;
     private createImage;

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

@@ -5,13 +5,13 @@ import { InsertHtml } from './inserthtml';
 /**
  * Link internal component
  * @hidden
-
+ * @deprecated
  */
 var ImageCommand = /** @class */ (function () {
     /**
      * Constructor for creating the Formats plugin
      * @hidden
-
+     * @deprecated
      */
     function ImageCommand(parent) {
         this.parent = parent;
@@ -23,7 +23,7 @@ var ImageCommand = /** @class */ (function () {
     /**
      * imageCommand method
      * @hidden
-
+     * @deprecated
      */
     ImageCommand.prototype.imageCommand = function (e) {
         switch (e.value.toString().toLocaleLowerCase()) {

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

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

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

@@ -4,13 +4,13 @@ import { isIDevice, setEditFrameFocus } from '../../common/util';
 /**
  * Indents internal component
  * @hidden
-
+ * @deprecated
  */
 var Indents = /** @class */ (function () {
     /**
      * Constructor for creating the Formats plugin
      * @hidden
-
+     * @deprecated
      */
     function Indents(parent) {
         this.indentValue = 20;

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

@@ -6,25 +6,25 @@ export declare class InsertMethods {
     /**
      * WrapBefore method
      * @hidden
-
+     * @deprecated
      */
     static WrapBefore(textNode: Text, parentNode: HTMLElement, isAfter?: boolean): Text;
     /**
      * Wrap method
      * @hidden
-
+     * @deprecated
      */
     static Wrap(childNode: HTMLElement, parentNode: HTMLElement): HTMLElement;
     /**
      * unwrap method
      * @hidden
-
+     * @deprecated
      */
     static unwrap(node: Node | HTMLElement): Node[];
     /**
      * AppendBefore method
      * @hidden
-
+     * @deprecated
      */
     static AppendBefore(textNode: HTMLElement | Text | DocumentFragment, parentNode: HTMLElement | Text | DocumentFragment, isAfter?: boolean): HTMLElement | Text | DocumentFragment;
 }

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,18 +1,20 @@
 /**
  * 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;
     private static pasteInsertHTML;
     private static placeCursorEnd;
+    private static getNodeCollection;
+    private static insertTempNode;
     private static cursorPos;
     private static imageFocus;
     private static getImmediateBlockNode;

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 = nodeSelection.getInsertNodeCollection(range);
+        var nodes = this.getNodeCollection(range, nodeSelection);
         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'))) {
@@ -208,9 +208,7 @@ var InsertHtml = /** @class */ (function () {
             }
         }
         else {
-            var blockNode = this.getImmediateBlockNode(nodes[nodes.length - 1], editNode);
-            var splitedElm = nodeCutter.GetSpliceNode(range, blockNode);
-            splitedElm.parentNode.replaceChild(node, splitedElm);
+            this.insertTempNode(range, node, nodes, nodeCutter, editNode);
             var isFirstTextNode = true;
             var isPreviousInlineElem = void 0;
             var paraElm = void 0;
@@ -277,6 +275,44 @@ var InsertHtml = /** @class */ (function () {
         }
         this.removeEmptyElements(editNode);
     };
+    InsertHtml.getNodeCollection = function (range, nodeSelection) {
+        var nodes = [];
+        if (range.startOffset === range.endOffset && range.startContainer === range.endContainer &&
+            range.startContainer.nodeName === 'TD') {
+            nodes.push(range.startContainer.childNodes[range.endOffset]);
+        }
+        else {
+            nodes = nodeSelection.getInsertNodeCollection(range);
+        }
+        return nodes;
+    };
+    InsertHtml.insertTempNode = function (range, node, nodes, nodeCutter, editNode) {
+        if (range.startContainer === editNode && !isNOU(range.startContainer.childNodes[range.endOffset - 1]) &&
+            range.startContainer.childNodes[range.endOffset - 1].nodeName === 'TABLE') {
+            if (isNOU(range.startContainer.childNodes[range.endOffset - 1].nextSibling)) {
+                range.startContainer.appendChild(node);
+            }
+            else {
+                range.startContainer.insertBefore(node, range.startContainer.childNodes[range.endOffset - 1].nextSibling);
+            }
+        }
+        else if (range.startContainer === editNode && !isNOU(range.startContainer.childNodes[range.endOffset]) &&
+            range.startContainer.childNodes[range.endOffset].nodeName === 'TABLE') {
+            range.startContainer.insertBefore(node, range.startContainer.childNodes[range.endOffset]);
+        }
+        else {
+            var blockNode = this.getImmediateBlockNode(nodes[nodes.length - 1], editNode);
+            if (blockNode.nodeName === 'TD' || blockNode.nodeName === 'TH') {
+                var tempSpan = createElement('span', { className: 'tempSpan' });
+                range.insertNode(tempSpan);
+                tempSpan.parentNode.replaceChild(node, tempSpan);
+            }
+            else {
+                var splitedElm = nodeCutter.GetSpliceNode(range, blockNode);
+                splitedElm.parentNode.replaceChild(node, splitedElm);
+            }
+        }
+    };
     InsertHtml.cursorPos = function (lastSelectionNode, node, nodeSelection, docElement, editNode) {
         lastSelectionNode.classList.add('lastNode');
         editNode.innerHTML = updateTextNode(editNode.innerHTML);
@@ -345,7 +381,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',