@syncfusion/ej2-richtexteditor 23.2.7 → 24.1.43-569781

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

@@ -7,7 +7,7 @@ import { NodeCutter } from './nodecutter';
  * Formats internal component
  *
  * @hidden
-
+ * @deprecated
  */
 var Formats = /** @class */ (function () {
     /**
@@ -15,7 +15,7 @@ var Formats = /** @class */ (function () {
      *
      * @param {EditorManager} parent - specifies the parent element.
      * @hidden
-
+     * @deprecated
      */
     function Formats(parent) {
         this.parent = parent;
@@ -52,6 +52,14 @@ var Formats = /** @class */ (function () {
             }
         }
     };
+    Formats.prototype.getBlockParent = function (node, endNode) {
+        var currentParent;
+        while (node != endNode) {
+            currentParent = node;
+            node = node.parentElement;
+        }
+        return currentParent;
+    };
     Formats.prototype.onKeyDown = function (e) {
         if (e.event.which === 13) {
             var range = this.parent.nodeSelection.getRange(this.parent.currentDocument);
@@ -61,6 +69,8 @@ var Formats = /** @class */ (function () {
                 ? range.endContainer : range.endContainer.parentElement;
             var preElem = closest(startCon, 'pre');
             var endPreElem = closest(endCon, 'pre');
+            var blockquoteEle = closest(startCon, 'blockquote');
+            var endBlockquoteEle = closest(endCon, 'blockquote');
             var liParent = !isNOU(preElem) && !isNOU(preElem.parentElement) && preElem.parentElement.tagName === 'LI';
             if (liParent) {
                 return;
@@ -72,6 +82,17 @@ var Formats = /** @class */ (function () {
                 range = this.parent.nodeSelection.getRange(this.parent.currentDocument);
                 this.parent.nodeSelection.setCursorPoint(this.parent.currentDocument, endCon, 0);
             }
+            if (e.event.which === 13 && ((!isNOU(blockquoteEle) && !isNOU(endBlockquoteEle)) || (!isNOU(blockquoteEle) && isNOU(endBlockquoteEle)))) {
+                var startParent = this.getBlockParent(range.startContainer, blockquoteEle);
+                if ((startParent.textContent.charCodeAt(0) === 8203 &&
+                    startParent.textContent.length === 1) || startParent.textContent.length === 0) {
+                    if (isNOU(startParent.nextSibling) && ((startParent.previousSibling.textContent.charCodeAt(0) === 8203 &&
+                        startParent.previousSibling.textContent.length === 1) || startParent.previousSibling.textContent.length === 0)) {
+                        e.event.preventDefault();
+                        this.paraFocus(startParent.parentElement); //Revert from blockquotes while pressing enter key
+                    }
+                }
+            }
             if (e.event.which === 13 && !isNOU(preElem) && !isNOU(endPreElem)) {
                 e.event.preventDefault();
                 this.deleteContent(range);
@@ -221,7 +242,7 @@ var Formats = /** @class */ (function () {
         }
         var save = this.parent.nodeSelection.save(range, this.parent.currentDocument);
         this.parent.domNode.setMarker(save);
-        var formatsNodes = this.parent.domNode.blockNodes();
+        var formatsNodes = this.parent.domNode.blockNodes(true);
         if (e.enterAction === 'BR') {
             this.setSelectionBRConfig();
             var allSelectedNode = this.parent.nodeSelection.getSelectedNodes(this.parent.currentDocument);
@@ -295,7 +316,7 @@ var Formats = /** @class */ (function () {
                 replaceHTML = parentNode.innerHTML;
             }
             if ((e.subCommand.toLowerCase() === parentNode.tagName.toLowerCase() &&
-                (e.subCommand.toLowerCase() !== 'pre' ||
+                (e.subCommand.toLowerCase() !== 'pre' && e.subCommand.toLowerCase() !== 'blockquote' ||
                     (!isNOU(e.exeValue) && e.exeValue.name === 'dropDownSelect'))) ||
                 isNOU(parentNode.parentNode) ||
                 (parentNode.tagName === 'TABLE' && e.subCommand.toLowerCase() === 'pre')) {
@@ -304,7 +325,21 @@ var Formats = /** @class */ (function () {
             this.cleanFormats(parentNode, e.subCommand);
             var replaceNode = (e.subCommand.toLowerCase() === 'pre' && parentNode.tagName.toLowerCase() === 'pre') ?
                 'p' : e.subCommand;
-            var replaceTag = this.parent.domNode.createTagString(replaceNode, parentNode, replaceHTML.replace(/>\s+</g, '><'));
+            var isToggleBlockquoteList = e.subCommand.toLowerCase() === parentNode.tagName.toLowerCase() &&
+                e.subCommand.toLowerCase() === 'blockquote' && this.parent.domNode.isList(parentNode.firstElementChild);
+            var isToggleBlockquote = e.subCommand.toLowerCase() === parentNode.tagName.toLowerCase()
+                && e.subCommand.toLowerCase() === 'blockquote';
+            var replaceTag = void 0;
+            if (isToggleBlockquoteList) {
+                replaceTag = replaceHTML.replace(/>\s+</g, '><');
+            }
+            else if (isToggleBlockquote) {
+                var tagWrap = (e.enterAction == 'BR' || e.enterAction == 'P') ? 'P' : e.enterAction;
+                replaceTag = this.parent.domNode.createTagString(tagWrap, parentNode, replaceHTML.replace(/>\s+</g, '><'));
+            }
+            else {
+                replaceTag = this.parent.domNode.createTagString(replaceNode, parentNode, replaceHTML.replace(/>\s+</g, '><'));
+            }
             if (parentNode.tagName === 'LI') {
                 parentNode.innerHTML = '';
                 parentNode.insertAdjacentHTML('beforeend', replaceTag);

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

@@ -4,7 +4,7 @@ import { IHtmlItem } from './../base/interface';
  * Link internal component
  *
  * @hidden
-
+ * @deprecated
  */
 export declare class ImageCommand {
     private parent;
@@ -13,7 +13,7 @@ export declare class ImageCommand {
      *
      * @param {EditorManager} parent - specifies the parent element
      * @hidden
-
+     * @deprecated
      */
     constructor(parent: EditorManager);
     private addEventListener;
@@ -23,7 +23,7 @@ export declare class ImageCommand {
      * @param {IHtmlItem} e - specifies the element
      * @returns {void}
      * @hidden
-
+     * @deprecated
      */
     imageCommand(e: IHtmlItem): void;
     private createImage;

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

@@ -6,7 +6,7 @@ import { InsertHtml } from './inserthtml';
  * Link internal component
  *
  * @hidden
-
+ * @deprecated
  */
 var ImageCommand = /** @class */ (function () {
     /**
@@ -14,7 +14,7 @@ var ImageCommand = /** @class */ (function () {
      *
      * @param {EditorManager} parent - specifies the parent element
      * @hidden
-
+     * @deprecated
      */
     function ImageCommand(parent) {
         this.parent = parent;
@@ -29,7 +29,7 @@ var ImageCommand = /** @class */ (function () {
      * @param {IHtmlItem} e - specifies the element
      * @returns {void}
      * @hidden
-
+     * @deprecated
      */
     ImageCommand.prototype.imageCommand = function (e) {
         switch (e.value.toString().toLowerCase()) {
@@ -79,13 +79,12 @@ var ImageCommand = /** @class */ (function () {
         }
     };
     ImageCommand.prototype.createImage = function (e) {
-        var _this = this;
         var isReplaced = false;
         e.item.url = isNOU(e.item.url) || e.item.url === 'undefined' ? e.item.src : e.item.url;
         if (!isNOU(e.item.selectParent) && e.item.selectParent[0].tagName === 'IMG') {
             var imgEle = e.item.selectParent[0];
-            this.setStyle(imgEle, e);
             isReplaced = true;
+            this.setStyle(imgEle, e, isReplaced);
         }
         else {
             var imgElement = createElement('img');
@@ -109,24 +108,43 @@ var ImageCommand = /** @class */ (function () {
             var selectedNode = this.parent.nodeSelection.getSelectedNodes(this.parent.currentDocument)[0];
             var imgElm_1 = (e.value === 'Replace' || isReplaced) ? e.item.selectParent[0] :
                 (Browser.isIE ? selectedNode.previousSibling : selectedNode.previousElementSibling);
-            imgElm_1.addEventListener('load', function () {
-                if (e.value !== 'Replace' || !isReplaced) {
-                    e.callBack({
-                        requestType: 'Images',
-                        editorMode: 'HTML',
-                        event: e.event,
-                        range: _this.parent.nodeSelection.getRange(_this.parent.currentDocument),
-                        elements: [imgElm_1]
-                    });
-                }
-            });
+            var imageInstance_1 = this;
+            var onImageLoadEvent_1 = function () {
+                e.callBack({
+                    requestType: (e.value === 'Replace') ? (e.item.subCommand = 'Replace', "Replace") : 'Images',
+                    editorMode: 'HTML',
+                    event: e.event,
+                    range: imageInstance_1.parent.nodeSelection.getRange(imageInstance_1.parent.currentDocument),
+                    elements: [imgElm_1]
+                });
+                imgElm_1.removeEventListener('load', onImageLoadEvent_1);
+            };
+            imgElm_1.addEventListener('load', onImageLoadEvent_1);
         }
     };
-    ImageCommand.prototype.setStyle = function (imgElement, e) {
+    ImageCommand.prototype.setStyle = function (imgElement, e, imgReplace) {
         if (!isNOU(e.item.url)) {
             imgElement.setAttribute('src', e.item.url);
         }
-        imgElement.setAttribute('class', 'e-rte-image' + (isNOU(e.item.cssClass) ? '' : ' ' + e.item.cssClass));
+        var alignClassName;
+        if (imgReplace) {
+            var alignClass = {
+                'e-imgcenter': 'e-imgcenter',
+                'e-imgright': 'e-imgright',
+                'e-imgleft': 'e-imgleft'
+            };
+            var imgClassList = imgElement.classList;
+            var classArray = [];
+            for (var i = 0; i < imgClassList.length; i++) {
+                // eslint-disable-next-line
+                if (!isNOU(alignClass[imgClassList[i]])) {
+                    // eslint-disable-next-line
+                    alignClassName = alignClass[imgClassList[i]];
+                }
+            }
+        }
+        imgElement.setAttribute('class', 'e-rte-image' + (isNOU(e.item.cssClass) ? '' : ' ' + e.item.cssClass)
+            + (isNOU(alignClassName) ? '' : ' ' + alignClassName));
         if (!isNOU(e.item.altText)) {
             imgElement.setAttribute('alt', e.item.altText);
         }
@@ -178,6 +196,9 @@ var ImageCommand = /** @class */ (function () {
         if (!isNOU(e.item.target)) {
             anchor.setAttribute('target', e.item.target);
         }
+        if (!isNOU(e.item.ariaLabel)) {
+            anchor.setAttribute('aria-label', e.item.ariaLabel);
+        }
         InsertHtml.Insert(this.parent.currentDocument, anchor, this.parent.editableElement);
         this.callBack(e);
     };
@@ -209,9 +230,11 @@ var ImageCommand = /** @class */ (function () {
         e.item.selectNode[0].parentElement.href = e.item.url;
         if (isNOU(e.item.target)) {
             e.item.selectNode[0].parentElement.removeAttribute('target');
+            e.item.selectNode[0].parentElement.removeAttribute('aria-label');
         }
         else {
             e.item.selectNode[0].parentElement.target = e.item.target;
+            e.item.selectNode[0].parentElement.ariaLabel = e.item.ariaLabel;
         }
         this.callBack(e);
     };

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

@@ -3,7 +3,7 @@ import { EditorManager } from './../base/editor-manager';
  * Indents internal component
  *
  * @hidden
-
+ * @deprecated
  */
 export declare class Indents {
     private parent;
@@ -13,7 +13,7 @@ export declare class Indents {
      *
      * @param {EditorManager} parent - specifies the parent element
      * @hidden
-
+     * @deprecated
      */
     constructor(parent: EditorManager);
     private addEventListener;

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

@@ -5,7 +5,7 @@ import { isIDevice, setEditFrameFocus } from '../../common/util';
  * Indents internal component
  *
  * @hidden
-
+ * @deprecated
  */
 var Indents = /** @class */ (function () {
     /**
@@ -13,7 +13,7 @@ var Indents = /** @class */ (function () {
      *
      * @param {EditorManager} parent - specifies the parent element
      * @hidden
-
+     * @deprecated
      */
     function Indents(parent) {
         this.indentValue = 20;

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

@@ -12,7 +12,7 @@ export declare class InsertMethods {
      * @param {boolean} isAfter - specifies the boolean value
      * @returns {Text} - returns the text value
      * @hidden
-
+     * @deprecated
      */
     static WrapBefore(textNode: Text, parentNode: HTMLElement, isAfter?: boolean): Text;
     /**
@@ -22,7 +22,7 @@ export declare class InsertMethods {
      * @param {HTMLElement} parentNode - specifies the parent node.
      * @returns {HTMLElement} - returns the element
      * @hidden
-
+     * @deprecated
      */
     static Wrap(childNode: HTMLElement, parentNode: HTMLElement): HTMLElement;
     /**
@@ -31,7 +31,7 @@ export declare class InsertMethods {
      * @param {Node} node - specifies the node element.
      * @returns {Node[]} - returns the array of value
      * @hidden
-
+     * @deprecated
      */
     static unwrap(node: Node | HTMLElement): Node[];
     /**
@@ -42,7 +42,7 @@ export declare class InsertMethods {
      * @param {boolean} isAfter - specifies the boolean value
      * @returns {void}
      * @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

@@ -14,7 +14,7 @@ var InsertMethods = /** @class */ (function () {
      * @param {boolean} isAfter - specifies the boolean value
      * @returns {Text} - returns the text value
      * @hidden
-
+     * @deprecated
      */
     InsertMethods.WrapBefore = function (textNode, parentNode, isAfter) {
         parentNode.innerText = textNode.textContent;
@@ -32,7 +32,7 @@ var InsertMethods = /** @class */ (function () {
      * @param {HTMLElement} parentNode - specifies the parent node.
      * @returns {HTMLElement} - returns the element
      * @hidden
-
+     * @deprecated
      */
     InsertMethods.Wrap = function (childNode, parentNode) {
         this.AppendBefore(parentNode, childNode);
@@ -45,7 +45,7 @@ var InsertMethods = /** @class */ (function () {
      * @param {Node} node - specifies the node element.
      * @returns {Node[]} - returns the array of value
      * @hidden
-
+     * @deprecated
      */
     InsertMethods.unwrap = function (node) {
         var parent = node.parentNode;
@@ -64,7 +64,7 @@ var InsertMethods = /** @class */ (function () {
      * @param {boolean} isAfter - specifies the boolean value
      * @returns {void}
      * @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

@@ -3,7 +3,7 @@ import { EditorManager } from '../base/editor-manager';
  * Insert a Text Node or Text
  *
  * @hidden
-
+ * @deprecated
  */
 export declare class InsertTextExec {
     private parent;
@@ -12,7 +12,7 @@ export declare class InsertTextExec {
      *
      * @param {EditorManager} parent - specifies the parent element
      * @hidden
-
+     * @deprecated
      */
     constructor(parent: EditorManager);
     private addEventListener;

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

@@ -4,7 +4,7 @@ import { InsertHtml } from './inserthtml';
  * Insert a Text Node or Text
  *
  * @hidden
-
+ * @deprecated
  */
 var InsertTextExec = /** @class */ (function () {
     /**
@@ -12,7 +12,7 @@ var InsertTextExec = /** @class */ (function () {
      *
      * @param {EditorManager} parent - specifies the parent element
      * @hidden
-
+     * @deprecated
      */
     function InsertTextExec(parent) {
         this.parent = parent;

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

@@ -3,7 +3,7 @@ import { EditorManager } from './../base/editor-manager';
  * Selection EXEC internal component
  *
  * @hidden
-
+ * @deprecated
  */
 export declare class InsertHtmlExec {
     private parent;
@@ -12,7 +12,7 @@ export declare class InsertHtmlExec {
      *
      * @param {EditorManager} parent - sepcifies the parent element
      * @hidden
-
+     * @deprecated
      */
     constructor(parent: EditorManager);
     private addEventListener;

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

@@ -4,7 +4,7 @@ import { InsertHtml } from './inserthtml';
  * Selection EXEC internal component
  *
  * @hidden
-
+ * @deprecated
  */
 var InsertHtmlExec = /** @class */ (function () {
     /**
@@ -12,7 +12,7 @@ var InsertHtmlExec = /** @class */ (function () {
      *
      * @param {EditorManager} parent - sepcifies the parent element
      * @hidden
-
+     * @deprecated
      */
     function InsertHtmlExec(parent) {
         this.parent = parent;

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

@@ -2,14 +2,14 @@
  * Insert a HTML Node or Text
  *
  * @hidden
-
+ * @deprecated
  */
 export declare class InsertHtml {
     /**
      * Insert method
      *
      * @hidden
-
+     * @deprecated
      */
     static inlineNode: string[];
     static contentsDeleted: boolean;
@@ -26,4 +26,5 @@ export declare class InsertHtml {
     private static findDetachEmptyElem;
     private static removeEmptyElements;
     private static closestEle;
+    private static insertTableInList;
 }

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

@@ -3,12 +3,12 @@ import { NodeCutter } from './nodecutter';
 import * as CONSTANT from './../base/constant';
 import { detach, Browser, isNullOrUndefined as isNOU, createElement, closest } from '@syncfusion/ej2-base';
 import { InsertMethods } from './insert-methods';
-import { updateTextNode } from './../../common/util';
+import { updateTextNode, nestedListCleanUp } from './../../common/util';
 /**
  * Insert a HTML Node or Text
  *
  * @hidden
-
+ * @deprecated
  */
 var InsertHtml = /** @class */ (function () {
     function InsertHtml() {
@@ -59,6 +59,10 @@ var InsertHtml = /** @class */ (function () {
         var isCollapsed = range.collapsed;
         var nodes = this.getNodeCollection(range, nodeSelection, node);
         var closestParentNode = (node.nodeName.toLowerCase() === 'table') ? this.closestEle(nodes[0].parentNode, editNode) : nodes[0];
+        if (closestParentNode && closestParentNode.nodeName === 'LI' && node.nodeName.toLowerCase() === 'table') {
+            this.insertTableInList(range, node, closestParentNode, nodes[0], nodeCutter);
+            return;
+        }
         if (isExternal || (!isNOU(node) && !isNOU(node.classList) &&
             node.classList.contains('pasteContent'))) {
             this.pasteInsertHTML(nodes, node, range, nodeSelection, nodeCutter, docElement, isCollapsed, closestParentNode, editNode, enterAction);
@@ -82,7 +86,12 @@ var InsertHtml = /** @class */ (function () {
                     lasNode.textContent.length : lasNode.childNodes.length);
                 range = nodeSelection.getRange(docElement);
             }
-            range.extractContents();
+            if (range.startContainer.parentElement.closest('ol,ul') !== null && range.endContainer.parentElement.closest('ol,ul') !== null) {
+                nestedListCleanUp(range);
+            }
+            else {
+                range.extractContents();
+            }
             if (insertNode.tagName === 'TABLE') {
                 this.removeEmptyElements(editNode);
             }
@@ -119,6 +128,9 @@ var InsertHtml = /** @class */ (function () {
                         InsertMethods.AppendBefore(node, parentNode.firstChild, false);
                     }
                 }
+                else if (isNOU(preNode.previousSibling) && insertNode.tagName === 'TABLE') {
+                    parentNode.prepend(node);
+                }
                 else {
                     parentNode.appendChild(node);
                 }
@@ -203,7 +215,12 @@ var InsertHtml = /** @class */ (function () {
             CONSTANT.TABLE_BLOCK_TAGS.indexOf(closestParentNode.tagName.toLocaleLowerCase()) !== -1))
             || (node.nodeName.toLowerCase() === 'table' && closestParentNode &&
                 CONSTANT.TABLE_BLOCK_TAGS.indexOf(closestParentNode.tagName.toLocaleLowerCase()) === -1))) {
-            preNode = nodeCutter.GetSpliceNode(range, closestParentNode);
+            if (isCollapsed) {
+                preNode = nodeCutter.SplitNode(range, closestParentNode, true);
+            }
+            else {
+                preNode = nodeCutter.SplitNode(range, closestParentNode, false);
+            }
             sibNode = isNOU(preNode.previousSibling) ? preNode.parentNode.previousSibling : preNode.previousSibling;
             if (nodes.length === 1) {
                 nodeSelection.setSelectionContents(docElement, preNode);
@@ -240,12 +257,17 @@ var InsertHtml = /** @class */ (function () {
                     preNode.parentNode.replaceChild(fragment, preNode);
                 }
                 else {
+                    var startContainerParent = range.startContainer.parentNode;
+                    // Get the index of the start container among its siblings
+                    var startIndex = Array.prototype.indexOf.call(startContainerParent.childNodes, range.startContainer);
                     range.deleteContents();
+                    range.setStart(startContainerParent, startIndex);
+                    range.setEnd(startContainerParent, startIndex);
                     if (!isNOU(lasNode)) {
                         detach(lasNode);
                     }
                     // eslint-disable-next-line
-                    !isNOU(sibNode) ? sibNode.parentNode.appendChild(fragment) : editNode.appendChild(fragment);
+                    !isNOU(sibNode) ? (sibNode.parentNode === editNode ? sibNode.appendChild(fragment) : sibNode.parentNode.appendChild(fragment)) : range.insertNode(fragment);
                 }
             }
             else {
@@ -285,6 +307,9 @@ var InsertHtml = /** @class */ (function () {
                 var paraElm = void 0;
                 var previousParent = void 0;
                 if (!this.contentsDeleted) {
+                    if (!isCollapsed && range.startContainer.parentElement.textContent.length === 0 && range.startContainer.nodeName === 'BR' && range.startContainer.parentElement.nodeName === 'P') {
+                        editNode.removeChild(range.startContainer.parentElement);
+                    }
                     range.deleteContents();
                 }
                 while (node.firstChild) {
@@ -296,7 +321,7 @@ var InsertHtml = /** @class */ (function () {
                         (this.inlineNode.indexOf(node.firstChild.nodeName.toLocaleLowerCase()) >= 0 && isFirstTextNode)) {
                         lastSelectionNode = node.firstChild;
                         if (isNOU(node.previousElementSibling)) {
-                            var firstParaElm = createElement('p');
+                            var firstParaElm = enterAction === 'DIV' ? createElement('div') : createElement('p');
                             node.parentElement.insertBefore(firstParaElm, node);
                         }
                         if (node.previousElementSibling.nodeName === 'BR') {
@@ -311,7 +336,7 @@ var InsertHtml = /** @class */ (function () {
                         if (node.firstChild.nodeName === '#text' ||
                             (this.inlineNode.indexOf(node.firstChild.nodeName.toLocaleLowerCase()) >= 0)) {
                             if (!isPreviousInlineElem) {
-                                paraElm = createElement('p');
+                                paraElm = enterAction === 'DIV' ? createElement('div') : createElement('p');
                                 paraElm.appendChild(node.firstChild);
                                 fragment.appendChild(paraElm);
                             }
@@ -470,7 +495,15 @@ var InsertHtml = /** @class */ (function () {
     };
     InsertHtml.imageFocus = function (node, nodeSelection, docElement) {
         var focusNode = document.createTextNode(' ');
-        node.parentNode.insertBefore(focusNode, node.nextSibling);
+        if (node.parentNode && node.parentNode.nodeName === 'A') {
+            var anchorTag = node.parentNode;
+            var parentNode = anchorTag.parentNode;
+            parentNode.insertBefore(focusNode, anchorTag.nextSibling);
+            parentNode.insertBefore(node, focusNode);
+        }
+        else {
+            node.parentNode.insertBefore(focusNode, node.nextSibling);
+        }
         nodeSelection.setSelectionText(docElement, node.nextSibling, node.nextSibling, 0, 0);
     };
     // eslint-disable-next-line
@@ -525,6 +558,9 @@ var InsertHtml = /** @class */ (function () {
     };
     InsertHtml.closestEle = function (element, editNode) {
         var el = element;
+        if (closest(el, 'li')) {
+            return closest(el, 'li');
+        }
         while (el && el.nodeType === 1) {
             if (el.parentNode === editNode ||
                 (!isNOU(el.parentNode.tagName) &&
@@ -535,11 +571,35 @@ var InsertHtml = /** @class */ (function () {
         }
         return null;
     };
+    InsertHtml.insertTableInList = function (range, insertNode, parentNode, currentNode, nodeCutter) {
+        if (range.collapsed) {
+            var isStart = range.startOffset === 0;
+            var isEnd = range.startContainer.textContent.trimEnd().length === range.startOffset;
+            if (isStart || isEnd) {
+                if (isStart) {
+                    InsertMethods.AppendBefore(insertNode, currentNode, false);
+                }
+                else {
+                    InsertMethods.AppendBefore(insertNode, currentNode, true);
+                }
+            }
+            else {
+                var preNode = nodeCutter.SplitNode(range, parentNode, true);
+                var sibNode = preNode.previousSibling;
+                sibNode.appendChild(insertNode);
+            }
+        }
+        else {
+            range.deleteContents();
+            parentNode.appendChild(insertNode);
+        }
+        insertNode.classList.add('ignore-table');
+    };
     /**
      * 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',