@syncfusion/ej2-richtexteditor 27.1.58 → 27.2.2

package/dist/global/index.d.ts

@@ -1,6 +1,6 @@
 /*!
 *  filename: index.d.ts
-*  version : 27.1.58
+*  version : 27.2.2
 *  Copyright Syncfusion Inc. 2001 - 2023. 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@27.1.57",
+  "_id": "@syncfusion/ej2-richtexteditor@27.1.58",
   "_inBundle": false,
-  "_integrity": "sha512-wMfgyUUD6XFFD/6hxFprox/aI5dItkVOTwAOmA7bU4VsOGK5aT18rrfOU1JWs9BSpriRIe4/Ro83nnxnxcE6HQ==",
+  "_integrity": "sha512-Mh3t2LCFc+U9cNHK+RW1CSAMAdEXR1MtXB6bm0CzjWQUvz5Rw96pX4GLVIiNEnodxod34bycX8mXnV1Blrr1Hg==",
   "_location": "/@syncfusion/ej2-richtexteditor",
   "_phantomChildren": {},
   "_requested": {
@@ -25,8 +25,8 @@
     "/@syncfusion/ej2-react-richtexteditor",
     "/@syncfusion/ej2-vue-richtexteditor"
   ],
-  "_resolved": "https://nexus.syncfusioninternal.com/repository/ej2-hotfix-new/@syncfusion/ej2-richtexteditor/-/ej2-richtexteditor-27.1.57.tgz",
-  "_shasum": "b0b1c08b46fa0b7c3c5d5a1a24421007bb00ec43",
+  "_resolved": "https://nexus.syncfusioninternal.com/repository/ej2-hotfix-new/@syncfusion/ej2-richtexteditor/-/ej2-richtexteditor-27.1.58.tgz",
+  "_shasum": "a8af7e987df55ace85a6b6f36e76e57aebab28fd",
   "_spec": "@syncfusion/ej2-richtexteditor@*",
   "_where": "/jenkins/workspace/elease-automation_release_27.1.1/packages/included",
   "author": {
@@ -37,14 +37,14 @@
   },
   "bundleDependencies": false,
   "dependencies": {
-    "@syncfusion/ej2-base": "~27.1.55",
-    "@syncfusion/ej2-buttons": "~27.1.58",
-    "@syncfusion/ej2-dropdowns": "~27.1.58",
-    "@syncfusion/ej2-filemanager": "~27.1.55",
-    "@syncfusion/ej2-inputs": "~27.1.58",
-    "@syncfusion/ej2-navigations": "~27.1.58",
-    "@syncfusion/ej2-popups": "~27.1.58",
-    "@syncfusion/ej2-splitbuttons": "~27.1.56"
+    "@syncfusion/ej2-base": "~27.2.2",
+    "@syncfusion/ej2-buttons": "~27.2.2",
+    "@syncfusion/ej2-dropdowns": "~27.2.2",
+    "@syncfusion/ej2-filemanager": "~27.2.2",
+    "@syncfusion/ej2-inputs": "~27.2.2",
+    "@syncfusion/ej2-navigations": "~27.2.2",
+    "@syncfusion/ej2-popups": "~27.2.2",
+    "@syncfusion/ej2-splitbuttons": "~27.2.2"
   },
   "deprecated": false,
   "description": "Essential JS 2 RichTextEditor component",
@@ -80,6 +80,6 @@
     "url": "git+https://github.com/syncfusion/ej2-javascript-ui-controls.git"
   },
   "typings": "index.d.ts",
-  "version": "27.1.58",
+  "version": "27.2.2",
   "sideEffects": false
 }

package/src/common/config.d.ts

@@ -54,13 +54,6 @@ export declare const selfClosingTags: string[];
  *
  */
 export declare const imageResizeFactor: IImageResizeFactor;
-/**
- * Resize factor for image in iframe editor.
- *
- *@hidden
- *
- */
-export declare const iframeResizeFactor: IImageResizeFactor;
 /**
  * Mention restrict key configuration.
  *

package/src/common/config.js

@@ -142,18 +142,6 @@ export var imageResizeFactor = {
     botRight: [1, 1],
     botLeft: [-1, 1]
 };
-/**
- * Resize factor for image in iframe editor.
- *
- *@hidden
- *
- */
-export var iframeResizeFactor = {
-    topLeft: [-1.2, -1.2],
-    topRight: [1.2, -1.2],
-    botRight: [1.2, 1.2],
-    botLeft: [-1.2, 1.2]
-};
 /**
  * Mention restrict key configuration.
  *

package/src/common/editor-styles.js

@@ -1 +1 @@
-export var IFRAME_EDITOR_STYLES = "\n@charset \"UTF-8\";\n\nhtml {\n    height: auto;\n}\n\nhtml, body {\n    margin: 0;\n}\n\nbody {\n    color: #333;\n    word-wrap: break-word;\n}\n\n.e-content {\n    background: unset;\n    box-sizing: border-box;\n    min-height: 100px;\n    outline: 0 solid transparent;\n    padding: 16px;\n    position: relative;\n    overflow-x: auto;\n    font-weight: normal;\n    line-height: 1.5;\n    font-size: 14px;\n    text-align: inherit;\n    font-family: \"Roboto\", \"Segoe UI\", \"GeezaPro\", \"DejaVu Serif\", \"sans-serif\", \"-apple-system\", \"BlinkMacSystemFont\";\n}\n\n.e-content p {\n    margin: 0 0 10px;\n    margin-bottom: 10px;\n}\n\n.e-content h1 {\n    font-size: 2.857em;\n    font-weight: 600;\n    line-height: 1.2;\n    margin: 10px 0;\n}\n\n.e-content h2 {\n    font-size: 2.285em;\n    font-weight: 600;\n    line-height: 1.2;\n    margin: 10px 0;\n}\n\n.e-content h3 {\n    font-size: 2em;\n    font-weight: 600;\n    line-height: 1.2;\n    margin: 10px 0;\n}\n\n.e-content h4 {\n    font-size: 1.714em;\n    font-weight: 600;\n    line-height: 1.2;\n    margin: 10px 0;\n}\n\n.e-content h5 {\n    font-size: 1.428em;\n    font-weight: 600;\n    line-height: 1.2;\n    margin: 10px 0;\n}\n\n.e-content h6 {\n    font-size: 1.142em;\n    font-weight: 600;\n    line-height: 1.5;\n    margin: 10px 0;\n}\n\n.e-content blockquote {\n    margin: 10px 0;\n    padding-left: 12px;\n    border-left: 2px solid #5c5c5c;\n}\n\n.e-rtl.e-content blockquote {\n    padding-left: 0;\n    padding-right: 12px;\n}\n\n.e-content pre {\n    border: 0;\n    border-radius: 0;\n    color: #333;\n    font-size: inherit;\n    line-height: inherit;\n    margin: 0 0 10px;\n    overflow: visible;\n    padding: 0;\n    white-space: pre-wrap;\n    word-break: inherit;\n    word-wrap: break-word;\n}\n\n.e-content code {\n    background: #9d9d9d26;\n    color: #ed484c;\n}\n\n.e-content strong,\n.e-content b {\n    font-weight: bold;\n}\n\n.e-content a {\n    text-decoration: none;\n    user-select: auto;\n}\n\n.e-content a:hover {\n    text-decoration: underline;\n}\n\n.e-content li {\n    margin-bottom: 10px;\n}\n\n.e-content li ol,\n.e-content li ul {\n    margin-block-start: 10px;\n}\n\n.e-content ul {\n    list-style-type: disc;\n}\n\n.e-content ul ul,\n.e-content ol ul {\n    list-style-type: circle;\n}\n\n.e-content ul ul ul,\n.e-content ol ul ul,\n.e-content ul ol ul,\n.e-content ol ol ul {\n    list-style-type: square;\n}\n\n.e-rte-image,\n.e-rte-video {\n    border: 0;\n    cursor: pointer;\n    display: block;\n    float: none;\n    height: auto;\n    margin: 5px auto;\n    max-width: 100%;\n    position: relative;\n}\n\n.e-content p:last-child,\n.e-content pre:last-child,\n.e-content blockquote:last-child {\n    margin-bottom: 0;\n}\n\n.e-content h3 + h4,\n.e-content h4 + h5,\n.e-content h5 + h6 {\n    margin-top: 0.6em;\n}\n\n.e-content ul:last-child {\n    margin-bottom: 0;\n}\n\n.e-content table {\n    margin-bottom: 10px;\n    border-collapse: collapse;\n    empty-cells: show;\n}\n\n.e-content table.e-cell-select {\n    position: relative;\n}\n\n.e-content table.e-cell-select::after {\n    content: '';\n    position: absolute;\n    top: 0;\n    left: 0;\n    right: 0;\n    bottom: 0;\n    border: 2px solid #4a90e2;\n    pointer-events: none;\n}\n\ntable .e-cell-select {\n    border: 1px double #4a90e2 !important;\n}\n\n.e-content table.e-rte-table th {\n    background-color: #E0E0E0;\n}\n\n.e-rte-table td,\n.e-rte-table th {\n    border: 1px solid #BDBDBD;\n    height: 20px;\n    min-width: 20px;\n    padding: 2px 5px;\n    box-sizing: border-box;\n}\n\n.e-rte-table td.e-cell-select.e-multi-cells-select,\n.e-rte-table th.e-cell-select.e-multi-cells-select {\n    position: relative;\n}\n\n.e-rte-table td.e-cell-select.e-multi-cells-select::after,\n.e-rte-table th.e-cell-select.e-multi-cells-select::after {\n    background-color: rgba(13, 110, 253, 0.08);\n    content: \"\";\n    position: absolute;\n    top: 0;\n    left: 0;\n    width: 100%;\n    height: 100%;\n    bottom: 0;\n    pointer-events: none;\n    right: 0;\n}\n\ntable td.e-multi-cells-select ::selection,\ntable th.e-multi-cells-select ::selection {\n    background-color: transparent;\n}\n\ntd.e-multi-cells-select,\nth.e-multi-cells-select {\n    user-select: none !important;\n}\n\n.e-rte-table.e-dashed-border td,\n.e-rte-table.e-dashed-border th {\n    border-style: dashed;\n}\n\n.e-rte-table .e-alternate-border tbody tr:nth-child(2n) {\n    background-color: #F5F5F5;\n}\n\n.e-rte-audio {\n    border: 0;\n    cursor: pointer;\n    display: block;\n    float: none;\n    margin: 5px auto;\n    max-width: 100%;\n    position: relative;\n}\n\n.e-rte-image.e-imginline,\n.e-rte-audio.e-audio-inline,\n.e-rte-video.e-video-inline {\n    display: inline-block;\n    float: none;\n    margin-left: 5px;\n    margin-right: 5px;\n    max-width: calc(100% - (2 * 5px));\n    padding: 1px;\n    vertical-align: bottom;\n}\n\n.e-rte-image.e-imgcenter,\n.e-rte-video.e-video-center {\n    cursor: pointer;\n    display: block;\n    float: none;\n    margin: 5px auto;\n    max-width: 100%;\n    position: relative;\n}\n\n.e-rte-image.e-imgright,\n.e-rte-video.e-video-right {\n    float: right;\n    margin: 0 auto;\n    margin-left: 5px;\n    text-align: right;\n}\n\n.e-rte-image.e-imgleft,\n.e-rte-video.e-video-left {\n    float: left;\n    margin: 0 auto;\n    margin-right: 5px;\n    text-align: left;\n}\n\n.e-img-caption {\n    display: inline-block;\n    float: none;\n    margin: 5px auto;\n    max-width: 100%;\n    position: relative;\n}\n\n.e-img-caption.e-caption-inline {\n    display: inline-block;\n    float: none;\n    margin: 5px auto;\n    margin-left: 5px;\n    margin-right: 5px;\n    max-width: calc(100% - (2 * 5px));\n    position: relative;\n    text-align: center;\n    vertical-align: bottom;\n}\n\n.e-rte-img-caption.e-imgcenter {\n    display: contents;\n    margin-left: auto;\n    margin-right: auto;\n}\n\n.e-rte-img-caption.e-imgright {\n    display: contents;\n    margin-left: auto;\n    margin-right: 0;\n}\n\n.e-rte-img-caption.e-imgleft {\n    display: contents;\n    margin-left: 0;\n    margin-right: auto;\n}\n\n.e-img-caption.e-rte-img-caption.e-imgbreak {\n    display: contents;\n}\n\n.e-img-inner {\n    box-sizing: border-box;\n    display: block;\n    font-size: 16px;\n    font-weight: initial;\n    margin: auto;\n    opacity: .9;\n    text-align: center;\n    width: 100%;\n}\n\n.e-img-wrap {\n    display: inline-block;\n    margin: auto;\n    padding: 0;\n    text-align: center;\n    width: 100%;\n}\n\n.e-imgleft,\n.e-video-left {\n    float: left;\n    margin: 0 5px 0 0;\n    text-align: left;\n}\n\n.e-imgright,\n.e-video-right {\n    float: right;\n    margin: 0 0 0 5px;\n    text-align: right;\n}\n\n.e-imgcenter,\n.e-video-center {\n    cursor: pointer;\n    display: block;\n    float: none;\n    height: auto;\n    margin: 5px auto;\n    max-width: 100%;\n    position: relative;\n}\n\n.e-control img:not(.e-resize) {\n    border: 2px solid transparent;\n    z-index: 1000\n}\n\n.e-imginline,\n.e-audio-inline,\n.e-video-inline {\n    display: inline-block;\n    float: none;\n    margin-left: 5px;\n    margin-right: 5px;\n    max-width: calc(100% - (2 * 5px));\n    vertical-align: bottom;\n}\n\n.e-imgbreak,\n.e-audio-break,\n.e-video-break {\n    border: 0;\n    cursor: pointer;\n    display: block;\n    float: none;\n    height: auto;\n    margin: 5px auto;\n    max-width: 100%;\n    position: relative;\n}\n\n.e-rte-image.e-img-focus:not(.e-resize),\n.e-audio-focus:not(.e-resize),\n.e-video-focus:not(.e-resize) {\n    border: solid 2px #4a90e2;\n}\n\nimg.e-img-focus::selection,\naudio.e-audio-focus::selection,\n.e-video-focus::selection {\n    background: transparent;\n    color: transparent;\n}\n\nspan.e-rte-imageboxmark,\nspan.e-rte-videoboxmark {\n    width: 10px;\n    height: 10px;\n    position: absolute;\n    display: block;\n    background: #4a90e2;\n    border: 1px solid #fff;\n    z-index: 1000;\n}\n\n.e-mob-rte.e-mob-span span.e-rte-imageboxmark,\n.e-mob-rte.e-mob-span span.e-rte-videoboxmark {\n    background: #4a90e2;\n    border: 1px solid #fff;\n}\n\n.e-mob-rte span.e-rte-imageboxmark,\n.e-mob-rte span.e-rte-videoboxmark {\n    background: #fff;\n    border: 1px solid #4a90e2;\n    border-radius: 15px;\n    height: 20px;\n    width: 20px;\n}\n\n.e-mob-rte.e-mob-span span.e-rte-imageboxmark,\n.e-mob-rte.e-mob-span span.e-rte-videoboxmark {\n    background: #4a90e2;\n    border: 1px solid #fff;\n}\n\n.e-content img.e-resize,\n.e-content video.e-resize {\n    z-index: 1000;\n}\n\n.e-img-caption .e-img-inner {\n    outline: 0;\n}\n\n.e-rte-img-caption.e-imgleft .e-img-inner {\n    float: left;\n    text-align: left;\n}\n\n.e-rte-img-caption.e-imgright .e-img-inner {\n    float: right;\n    text-align: right;\n}\n\n.e-rte-img-caption.e-imgleft .e-img-wrap,\n.e-rte-img-caption.e-imgright .e-img-wrap {\n    display: contents;\n}\n\n.e-img-caption a:focus-visible {\n    outline: none;\n}\n\n.e-rte-img-caption .e-rte-image.e-imgright {\n    margin-left: auto;\n    margin-right: 0;\n}\n\n.e-rte-img-caption .e-rte-image.e-imgleft {\n    margin: 0;\n}\n\nspan.e-table-box {\n    cursor: nwse-resize;\n    display: block;\n    height: 10px;\n    position: absolute;\n    width: 10px;\n    background-color: #ffffff;\n    border: 1px solid #BDBDBD;\n}\n\nspan.e-table-box.e-rmob {\n    height: 14px;\n    width: 14px;\n    background-color: #BDBDBD;\n    border: 1px solid #BDBDBD;\n}\n\n.e-row-resize,\n.e-column-resize {\n    background-color: transparent;\n    background-repeat: repeat;\n    bottom: 0;\n    cursor: col-resize;\n    height: 1px;\n    overflow: visible;\n    position: absolute;\n    width: 1px;\n}\n\n.e-row-resize {\n    cursor: row-resize;\n    height: 1px;\n}\n\n.e-table-rhelper {\n    cursor: col-resize;\n    opacity: .87;\n    position: absolute;\n}\n\n.e-table-rhelper.e-column-helper {\n    width: 1px;\n}\n\n.e-table-rhelper.e-row-helper {\n    height: 1px;\n}\n\n.e-reicon::before {\n    border-bottom: 6px solid transparent;\n    border-right: 6px solid;\n    border-top: 6px solid transparent;\n    content: '';\n    display: block;\n    height: 0;\n    position: absolute;\n    right: 4px;\n    top: 4px;\n    width: 20px;\n}\n\n.e-reicon::after {\n    border-bottom: 6px solid transparent;\n    border-left: 6px solid;\n    border-top: 6px solid transparent;\n    content: '';\n    display: block;\n    height: 0;\n    left: 4px;\n    position: absolute;\n    top: 4px;\n    width: 20px;\n    z-index: 3;\n}\n\n.e-row-helper.e-reicon::after {\n    top: 10px;\n    transform: rotate(90deg);\n}\n\n.e-row-helper.e-reicon::before {\n    left: 4px;\n    top: -20px;\n    transform: rotate(90deg);\n}\n\n\n.e-table-rhelper {\n    background-color: #4a90e2;\n}\n\n.e-rtl {\n    direction: rtl;\n}\n\n.e-rte-placeholder::before {\n    content: attr(placeholder);\n    opacity: 0.54;\n    overflow: hidden;\n    padding-top: 16px;\n    position: absolute;\n    text-align: start;\n    top: 0;\n    z-index: 1;\n}\n\n.e-resize-enabled,\n.e-count-enabled {\n    padding-bottom: 0px;\n}\n";
+export var IFRAME_EDITOR_STYLES = "\n@charset \"UTF-8\";\n\n* {\n    box-sizing: border-box;\n}\n\nhtml {\n    height: auto;\n}\n\nhtml, body {\n    margin: 0;\n}\n\nbody {\n    color: #333;\n    word-wrap: break-word;\n}\n\n.e-content {\n    background: unset;\n    min-height: 100px;\n    outline: 0 solid transparent;\n    padding: 16px;\n    position: relative;\n    overflow-x: auto;\n    font-weight: normal;\n    line-height: 1.5;\n    font-size: 14px;\n    text-align: inherit;\n    font-family: \"Roboto\", \"Segoe UI\", \"GeezaPro\", \"DejaVu Serif\", \"sans-serif\", \"-apple-system\", \"BlinkMacSystemFont\";\n}\n\n.e-content p {\n    margin: 0 0 10px;\n    margin-bottom: 10px;\n}\n\n.e-content h1 {\n    font-size: 2.857em;\n    font-weight: 600;\n    line-height: 1.2;\n    margin: 10px 0;\n}\n\n.e-content h2 {\n    font-size: 2.285em;\n    font-weight: 600;\n    line-height: 1.2;\n    margin: 10px 0;\n}\n\n.e-content h3 {\n    font-size: 2em;\n    font-weight: 600;\n    line-height: 1.2;\n    margin: 10px 0;\n}\n\n.e-content h4 {\n    font-size: 1.714em;\n    font-weight: 600;\n    line-height: 1.2;\n    margin: 10px 0;\n}\n\n.e-content h5 {\n    font-size: 1.428em;\n    font-weight: 600;\n    line-height: 1.2;\n    margin: 10px 0;\n}\n\n.e-content h6 {\n    font-size: 1.142em;\n    font-weight: 600;\n    line-height: 1.5;\n    margin: 10px 0;\n}\n\n.e-content blockquote {\n    margin: 10px 0;\n    padding-left: 12px;\n    border-left: 2px solid #5c5c5c;\n}\n\n.e-rtl.e-content blockquote {\n    padding-left: 0;\n    padding-right: 12px;\n}\n\n.e-content pre {\n    border: 0;\n    border-radius: 0;\n    color: #333;\n    font-size: inherit;\n    line-height: inherit;\n    margin: 0 0 10px;\n    overflow: visible;\n    padding: 0;\n    white-space: pre-wrap;\n    word-break: inherit;\n    word-wrap: break-word;\n}\n\n.e-content code {\n    background: #9d9d9d26;\n    color: #ed484c;\n}\n\n.e-content strong,\n.e-content b {\n    font-weight: bold;\n}\n\n.e-content a {\n    text-decoration: none;\n    user-select: auto;\n}\n\n.e-content a:hover {\n    text-decoration: underline;\n}\n\n.e-content li {\n    margin-bottom: 10px;\n}\n\n.e-content li ol,\n.e-content li ul {\n    margin-block-start: 10px;\n}\n\n.e-content ul {\n    list-style-type: disc;\n}\n\n.e-content ul ul,\n.e-content ol ul {\n    list-style-type: circle;\n}\n\n.e-content ul ul ul,\n.e-content ol ul ul,\n.e-content ul ol ul,\n.e-content ol ol ul {\n    list-style-type: square;\n}\n\n.e-content p:last-child,\n.e-content pre:last-child,\n.e-content blockquote:last-child {\n    margin-bottom: 0;\n}\n\n.e-content h3 + h4,\n.e-content h4 + h5,\n.e-content h5 + h6 {\n    margin-top: 0.6em;\n}\n\n.e-content ul:last-child {\n    margin-bottom: 0;\n}\n\n.e-content table {\n    margin-bottom: 10px;\n    border-collapse: collapse;\n    empty-cells: show;\n}\n\n.e-content table.e-cell-select {\n    position: relative;\n}\n\n.e-content table.e-cell-select::after {\n    content: '';\n    position: absolute;\n    top: 0;\n    left: 0;\n    right: 0;\n    bottom: 0;\n    border: 2px solid #4a90e2;\n    pointer-events: none;\n}\n\ntable .e-cell-select {\n    border: 1px double #4a90e2 !important;\n}\n\n.e-content table.e-rte-table th {\n    background-color: #E0E0E0;\n}\n\n.e-rte-table td,\n.e-rte-table th {\n    border: 1px solid #BDBDBD;\n    height: 20px;\n    min-width: 20px;\n    padding: 2px 5px;\n}\n\n.e-rte-table td.e-cell-select.e-multi-cells-select,\n.e-rte-table th.e-cell-select.e-multi-cells-select {\n    position: relative;\n}\n\n.e-rte-table td.e-cell-select.e-multi-cells-select::after,\n.e-rte-table th.e-cell-select.e-multi-cells-select::after {\n    background-color: rgba(13, 110, 253, 0.08);\n    content: \"\";\n    position: absolute;\n    top: 0;\n    left: 0;\n    width: 100%;\n    height: 100%;\n    bottom: 0;\n    pointer-events: none;\n    right: 0;\n}\n\ntable td.e-multi-cells-select ::selection,\ntable th.e-multi-cells-select ::selection {\n    background-color: transparent;\n}\n\ntd.e-multi-cells-select,\nth.e-multi-cells-select {\n    user-select: none !important;\n}\n\n.e-rte-table.e-dashed-border td,\n.e-rte-table.e-dashed-border th {\n    border-style: dashed;\n}\n\n.e-rte-table .e-alternate-border tbody tr:nth-child(2n) {\n    background-color: #F5F5F5;\n}\n\n.e-rte-image,\n.e-rte-audio,\n.e-rte-video  {\n    border: 0;\n    cursor: pointer;\n    display: block;\n    float: none;\n    margin: auto;\n    max-width: 100%;\n    position: relative;\n}\n\n.e-rte-image.e-imginline,\n.e-rte-audio.e-audio-inline,\n.e-rte-video.e-video-inline {\n    margin-left: 5px;\n    margin-right: 5px;\n    display: inline-block;\n    float: none;\n    max-width: 100%;\n    padding: 1px;\n    vertical-align: bottom;\n}\n\n.e-rte-image.e-imgcenter,\n.e-rte-video.e-video-center {\n    cursor: pointer;\n    display: block;\n    float: none;\n    margin: 5px auto;\n    max-width: 100%;\n    position: relative;\n}\n\n.e-rte-image.e-imgright,\n.e-rte-video.e-video-right {\n    float: right;\n    margin: 0 auto;\n    margin-left: 5px;\n    text-align: right;\n}\n\n.e-rte-image.e-imgleft,\n.e-rte-video.e-video-left {\n    float: left;\n    margin: 0 auto;\n    margin-right: 5px;\n    text-align: left;\n}\n\n.e-rte-img-caption {\n    display: inline-block;\n    margin: 5px auto;\n    max-width: 100%;\n    position: relative;\n}\n\n.e-rte-img-caption.e-caption-inline {\n    display: inline-block;\n    margin: 5px auto;\n    margin-left: 5px;\n    margin-right: 5px;\n    max-width: calc(100% - (2 * 5px));\n    position: relative;\n    text-align: center;\n    vertical-align: bottom;\n}\n\n.e-rte-img-caption.e-imgcenter {\n    display: contents;\n    margin-left: auto;\n    margin-right: auto;\n}\n\n.e-rte-img-caption.e-imgright {\n    display: contents;\n    margin-left: auto;\n    margin-right: 0;\n}\n\n.e-rte-img-caption.e-imgleft {\n    display: contents;\n    margin-left: 0;\n    margin-right: auto;\n}\n\n.e-img-caption.e-rte-img-caption.e-imgbreak {\n    display: contents;\n}\n\n.e-rte-img-caption .e-img-inner {\n    display: block;\n    font-size: 16px;\n    font-weight: initial;\n    margin: auto;\n    opacity: .9;\n    position: relative;\n    text-align: center;\n    width: 100%;\n}\n\n.e-img-wrap {\n    display: inline-block;\n    margin: auto;\n    padding: 0;\n    text-align: center;\n    width: 100%;\n}\n\n.e-imgleft,\n.e-video-left {\n    float: left;\n    margin: 0 5px 0 0;\n    text-align: left;\n}\n\n.e-imgright,\n.e-video-right {\n    float: right;\n    margin: 0 0 0 5px;\n    text-align: right;\n}\n\n.e-imgcenter,\n.e-video-center {\n    cursor: pointer;\n    display: block;\n    float: none;\n    height: auto;\n    margin: 5px auto;\n    max-width: 100%;\n    position: relative;\n}\n\n.e-control img:not(.e-resize) {\n    border: 2px solid transparent;\n    z-index: 1000\n}\n\n.e-imginline,\n.e-audio-inline,\n.e-video-inline {\n    display: inline-block;\n    float: none;\n    margin-left: 5px;\n    margin-right: 5px;\n    vertical-align: bottom;\n}\n\n.e-imgbreak,\n.e-audio-break,\n.e-video-break {\n    border: 0;\n    cursor: pointer;\n    display: block;\n    float: none;\n    height: auto;\n    margin: 5px auto;\n    max-width: 100%;\n    position: relative;\n}\n\n.e-rte-image.e-img-focus:not(.e-resize),\n.e-audio-focus:not(.e-resize),\n.e-video-focus:not(.e-resize) {\n    border: solid 2px #4a90e2;\n}\n\nimg.e-img-focus::selection,\naudio.e-audio-focus::selection,\n.e-video-focus::selection {\n    background: transparent;\n    color: transparent;\n}\n\nspan.e-rte-imageboxmark,\nspan.e-rte-videoboxmark {\n    width: 10px;\n    height: 10px;\n    position: absolute;\n    display: block;\n    background: #4a90e2;\n    border: 1px solid #fff;\n    z-index: 1000;\n}\n\n.e-mob-rte.e-mob-span span.e-rte-imageboxmark,\n.e-mob-rte.e-mob-span span.e-rte-videoboxmark {\n    background: #4a90e2;\n    border: 1px solid #fff;\n}\n\n.e-mob-rte span.e-rte-imageboxmark,\n.e-mob-rte span.e-rte-videoboxmark {\n    background: #fff;\n    border: 1px solid #4a90e2;\n    border-radius: 15px;\n    height: 20px;\n    width: 20px;\n}\n\n.e-mob-rte.e-mob-span span.e-rte-imageboxmark,\n.e-mob-rte.e-mob-span span.e-rte-videoboxmark {\n    background: #4a90e2;\n    border: 1px solid #fff;\n}\n\n.e-content img.e-resize,\n.e-content video.e-resize {\n    z-index: 1000;\n}\n\n.e-img-caption .e-img-inner {\n    outline: 0;\n}\n\n.e-rte-img-caption.e-imgleft .e-img-inner {\n    float: left;\n    text-align: left;\n}\n\n.e-rte-img-caption.e-imgright .e-img-inner {\n    float: right;\n    text-align: right;\n}\n\n.e-rte-img-caption.e-imgleft .e-img-wrap,\n.e-rte-img-caption.e-imgright .e-img-wrap {\n    display: contents;\n}\n\n.e-img-caption a:focus-visible {\n    outline: none;\n}\n\n.e-rte-img-caption .e-rte-image.e-imgright {\n    margin-left: auto;\n    margin-right: 0;\n}\n\n.e-rte-img-caption .e-rte-image.e-imgleft {\n    margin: 0;\n}\n\nspan.e-table-box {\n    cursor: nwse-resize;\n    display: block;\n    height: 10px;\n    position: absolute;\n    width: 10px;\n    background-color: #ffffff;\n    border: 1px solid #BDBDBD;\n}\n\nspan.e-table-box.e-rmob {\n    height: 14px;\n    width: 14px;\n    background-color: #BDBDBD;\n    border: 1px solid #BDBDBD;\n}\n\n.e-row-resize,\n.e-column-resize {\n    background-color: transparent;\n    background-repeat: repeat;\n    bottom: 0;\n    cursor: col-resize;\n    height: 1px;\n    overflow: visible;\n    position: absolute;\n    width: 1px;\n}\n\n.e-row-resize {\n    cursor: row-resize;\n    height: 1px;\n}\n\n.e-table-rhelper {\n    cursor: col-resize;\n    opacity: .87;\n    position: absolute;\n}\n\n.e-table-rhelper.e-column-helper {\n    width: 1px;\n}\n\n.e-table-rhelper.e-row-helper {\n    height: 1px;\n}\n\n.e-reicon::before {\n    border-bottom: 6px solid transparent;\n    border-right: 6px solid;\n    border-top: 6px solid transparent;\n    content: '';\n    display: block;\n    height: 0;\n    position: absolute;\n    right: 4px;\n    top: 4px;\n    width: 20px;\n}\n\n.e-reicon::after {\n    border-bottom: 6px solid transparent;\n    border-left: 6px solid;\n    border-top: 6px solid transparent;\n    content: '';\n    display: block;\n    height: 0;\n    left: 4px;\n    position: absolute;\n    top: 4px;\n    width: 20px;\n    z-index: 3;\n}\n\n.e-row-helper.e-reicon::after {\n    top: 10px;\n    transform: rotate(90deg);\n}\n\n.e-row-helper.e-reicon::before {\n    left: 4px;\n    top: -20px;\n    transform: rotate(90deg);\n}\n\n\n.e-table-rhelper {\n    background-color: #4a90e2;\n}\n\n.e-rtl {\n    direction: rtl;\n}\n\n.e-rte-placeholder::before {\n    content: attr(placeholder);\n    opacity: 0.54;\n    overflow: hidden;\n    padding-top: 16px;\n    position: absolute;\n    text-align: start;\n    top: 0;\n    z-index: 1;\n}\n\n.e-resize-enabled,\n.e-count-enabled {\n    padding-bottom: 0px;\n}\n";

package/src/common/interface.d.ts

@@ -104,6 +104,8 @@ export interface ImageOrTableCursor {
     startName: string;
     end: boolean;
     endName: string;
+    startNode?: HTMLElement;
+    endNode?: HTMLElement;
 }
 /**
  * The `ImageDimension` is used to specify the width and height of the editor image.

package/src/common/util.js

@@ -82,7 +82,8 @@ export function updateTextNode(value, enterAction) {
         }
         var tableElm = resultElm.querySelectorAll('table');
         for (var i = 0; i < tableElm.length; i++) {
-            if (tableElm[i].classList.length > 0 && !tableElm[i].classList.contains('e-rte-table')) {
+            if (tableElm[i].classList.length > 0 && !tableElm[i].classList.contains('e-rte-table') &&
+                !tableElm[i].classList.contains('e-rte-custom-table')) {
                 tableElm[i].classList.add('e-rte-paste-table');
                 if (tableElm[i].classList.contains('e-rte-paste-word-table')) {
                     tableElm[i].classList.remove('e-rte-paste-word-table');

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

@@ -88,3 +88,7 @@ export declare const SELF_CLOSING_TAGS: string[];
  * @hidden
  */
 export declare const PASTE_SOURCE: string[];
+/**
+ * @hidden
+ */
+export declare const ALLOWED_TABLE_BLOCK_TAGS: string[];

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

@@ -93,3 +93,7 @@ export var SELF_CLOSING_TAGS = ['area', 'base', 'br', 'embed', 'hr', 'img', 'inp
  * @hidden
  */
 export var PASTE_SOURCE = ['word', 'excel', 'onenote'];
+/**
+ * @hidden
+ */
+export var ALLOWED_TABLE_BLOCK_TAGS = ['article', 'aside', 'blockquote', 'body', 'canvas', 'details', 'div', 'fieldset', 'figure', 'footer', 'form', 'header', 'li', 'main', 'nav', 'noscript', 'section'];

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

@@ -35,5 +35,6 @@ export declare class Formats {
     private preFormatMerge;
     private blockquotesFormatMerge;
     private cleanFormats;
+    private applyTableSidesFormat;
     destroy(): void;
 }

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

@@ -261,6 +261,14 @@ var Formats = /** @class */ (function () {
     };
     Formats.prototype.applyFormats = function (e) {
         var range = this.parent.nodeSelection.getRange(this.parent.currentDocument);
+        var tableCursor = this.parent.nodeSelection.processedTableImageCursor(range);
+        if (tableCursor.start || tableCursor.end) {
+            if (tableCursor.startName === 'TABLE' || tableCursor.endName === 'TABLE') {
+                var tableNode = tableCursor.start ? tableCursor.startNode : tableCursor.endNode;
+                this.applyTableSidesFormat(e, tableCursor.start, tableNode);
+                return;
+            }
+        }
         var isSelectAll = false;
         if (this.parent.editableElement === range.endContainer &&
             !isNOU(this.parent.editableElement.children[range.endOffset - 1]) &&
@@ -509,6 +517,23 @@ var Formats = /** @class */ (function () {
             element.style.removeProperty(ignoreAttr[i]);
         }
     };
+    Formats.prototype.applyTableSidesFormat = function (e, start, table) {
+        var formatNode = createElement(e.subCommand);
+        if (!(e.enterAction === 'BR')) {
+            formatNode.appendChild(createElement('br'));
+        }
+        table.insertAdjacentElement(start ? 'beforebegin' : 'afterend', formatNode);
+        this.parent.nodeSelection.setCursorPoint(this.parent.currentDocument, formatNode, 0);
+        if (e.callBack) {
+            e.callBack({
+                requestType: e.subCommand,
+                editorMode: 'HTML',
+                event: e.event,
+                range: this.parent.nodeSelection.getRange(this.parent.currentDocument),
+                elements: this.parent.domNode.blockNodes()
+            });
+        }
+    };
     Formats.prototype.destroy = function () {
         this.removeEventListener();
     };

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

@@ -119,8 +119,14 @@ var ImageCommand = /** @class */ (function () {
                 (Browser.isIE ? selectedNode.previousSibling : selectedNode.previousElementSibling);
             var onImageLoadEvent_1 = function () {
                 if (!isNOU(_this.parent.currentDocument)) {
-                    imgElm_1.setAttribute('width', imgElm_1.offsetWidth.toString());
-                    imgElm_1.setAttribute('height', imgElm_1.offsetHeight.toString());
+                    var imgWidth = imgElm_1.getAttribute('width');
+                    var imgHeight = imgElm_1.getAttribute('height');
+                    if (isNOU(imgWidth) || imgWidth === 'auto') {
+                        imgElm_1.setAttribute('width', imgElm_1.offsetWidth.toString());
+                    }
+                    if (isNOU(imgHeight) || imgHeight === 'auto') {
+                        imgElm_1.setAttribute('height', imgElm_1.offsetHeight.toString());
+                    }
                     e.callBack({
                         requestType: (e.value === 'Replace') ? (e.item.subCommand = 'Replace', 'Replace') : 'Images',
                         editorMode: 'HTML',

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

@@ -17,6 +17,8 @@ export declare class InsertHtml {
     private static findFirstTextNode;
     private static pasteInsertHTML;
     private static listCleanUp;
+    private static cleanUpListItems;
+    private static cleanUpListContainer;
     private static placeCursorEnd;
     private static getNodeCollection;
     private static insertTempNode;

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

@@ -107,7 +107,12 @@ var InsertHtml = /** @class */ (function () {
                 }
             }
             if (!isNOU(sibNode) && !isNOU(sibNode.parentNode)) {
-                InsertMethods.AppendBefore(node, sibNode, true);
+                if (docElement.contains(sibNode)) {
+                    InsertMethods.AppendBefore(node, sibNode, true);
+                }
+                else {
+                    range.insertNode(node);
+                }
             }
             else {
                 var previousNode = null;
@@ -395,26 +400,99 @@ var InsertHtml = /** @class */ (function () {
             this.cursorPos(lastSelectionNode, node, nodeSelection, docElement, editNode, enterAction);
         }
         this.alignCheck(editNode);
-        var currentRange = nodeSelection.getRange(docElement);
-        this.listCleanUp(currentRange);
+        this.listCleanUp(nodeSelection, docElement);
     };
-    InsertHtml.listCleanUp = function (range) {
+    InsertHtml.listCleanUp = function (nodeSelection, docElement) {
+        var range = nodeSelection.getRange(docElement);
+        var startContainer = range.startContainer;
+        var startOffset = range.startOffset;
         if (range.startContainer.parentElement.closest('ol,ul') !== null && range.endContainer.parentElement.closest('ol,ul') !== null) {
-            var liElems = range.startContainer.parentElement.closest('ol,ul').querySelectorAll('li');
-            if (liElems.length > 0) {
-                liElems.forEach(function (item) {
-                    if (!isNOU(item.firstChild) && (item.firstChild.nodeName === 'OL' || item.firstChild.nodeName === 'UL')) {
-                        item.style.listStyleType = 'none';
-                    }
-                    var nestedLi = Array.from(item.children).find(function (child) {
-                        return child.tagName === 'LI' && (child.parentElement && child.parentElement.tagName !== 'OL' && child.parentElement.tagName !== 'UL');
-                    });
-                    if (nestedLi) {
-                        item.parentNode.replaceChild(nestedLi, item);
+            var haslistCleanUp = this.cleanUpListItems(range.startContainer.parentElement.closest('ol,ul'));
+            var haslistContainerCleanUp = this.cleanUpListContainer(range.startContainer.parentElement.closest('ol,ul'));
+            if (haslistCleanUp || haslistContainerCleanUp) {
+                range.setStart(startContainer, startOffset);
+                range.setEnd(startContainer, startOffset);
+            }
+        }
+    };
+    InsertHtml.cleanUpListItems = function (parentContainer) {
+        var _this = this;
+        var hasListCleanUp = false;
+        var listItems = parentContainer.closest('ol, ul').querySelectorAll('li');
+        if (listItems.length === 0) {
+            return false;
+        }
+        var nearestListItem = null;
+        listItems.forEach(function (listItem) {
+            if (!isNOU(listItem.firstChild) && (listItem.firstChild.nodeName === 'OL' || listItem.firstChild.nodeName === 'UL')) {
+                listItem.style.listStyleType = 'none';
+            }
+            var parentElement = listItem.parentElement;
+            if (!isNOU(parentElement) && parentElement.nodeName !== 'OL' && parentElement.nodeName !== 'UL') {
+                if (isNOU(nearestListItem)) {
+                    nearestListItem = parentElement.closest('li');
+                }
+                if (!isNOU(nearestListItem)) {
+                    var nextSibling = listItem.nextSibling;
+                    if (!isNOU(nextSibling) && nextSibling.nodeName !== 'LI') {
+                        var startIndex = Array.prototype.indexOf.call(parentElement.childNodes, nextSibling);
+                        var clonedParent = parentElement.cloneNode(false);
+                        var totalChildren = parentElement.childNodes.length;
+                        for (var i = startIndex; i < totalChildren; i++) {
+                            clonedParent.appendChild(parentElement.childNodes[startIndex]);
+                        }
+                        if (clonedParent.childNodes.length > 0) {
+                            var newListItem = document.createElement('li');
+                            newListItem.appendChild(clonedParent);
+                            nearestListItem.insertAdjacentElement('afterend', newListItem);
+                        }
+                        else {
+                            clonedParent.remove();
+                        }
                     }
-                });
+                    var closestList = parentElement.closest('ol, ul');
+                    nearestListItem.insertAdjacentElement('afterend', listItem);
+                    nearestListItem = nearestListItem.nextSibling;
+                    _this.removeEmptyElements(closestList);
+                    hasListCleanUp = true;
+                }
             }
+            var nestedLi = Array.from(listItem.children).find(function (child) {
+                return child.tagName === 'LI' && (child.parentElement && child.parentElement.tagName !== 'OL' && child.parentElement.tagName !== 'UL');
+            });
+            if (nestedLi && listItem.parentNode) {
+                listItem.parentNode.replaceChild(nestedLi, listItem);
+                hasListCleanUp = true;
+            }
+        });
+        return hasListCleanUp;
+    };
+    InsertHtml.cleanUpListContainer = function (parentList) {
+        var hasListContainerCleanUp = false;
+        var nonLiElementCollection = [];
+        var replacements = [];
+        if (!isNOU(parentList)) {
+            parentList.childNodes.forEach(function (childNode) {
+                if (childNode.nodeName.toLocaleUpperCase() !== 'LI') {
+                    nonLiElementCollection.push(childNode);
+                }
+                if ((childNode.nodeName.toLocaleUpperCase() === 'LI' || parentList.lastChild === childNode) && nonLiElementCollection.length > 0) {
+                    replacements.push({ elements: nonLiElementCollection.slice() });
+                    nonLiElementCollection = [];
+                }
+            });
+            replacements.forEach(function (_a) {
+                var elements = _a.elements;
+                var newListItem = document.createElement('li');
+                elements[0].parentNode.replaceChild(newListItem, elements[0]);
+                elements.forEach(function (child) { return newListItem.appendChild(child); });
+                if (newListItem.textContent && newListItem.textContent.trim() === '') {
+                    parentList.removeChild(newListItem);
+                }
+                hasListContainerCleanUp = true;
+            });
         }
+        return hasListContainerCleanUp;
     };
     InsertHtml.placeCursorEnd = function (lastSelectionNode, node, nodeSelection, docElement, editNode) {
         lastSelectionNode = lastSelectionNode.nodeName === 'BR' ? (isNOU(lastSelectionNode.previousSibling) ? lastSelectionNode.parentNode
@@ -630,7 +708,8 @@ var InsertHtml = /** @class */ (function () {
         while (el && el.nodeType === 1) {
             if (el.parentNode === editNode ||
                 (!isNOU(el.parentNode.tagName) &&
-                    CONSTANT.IGNORE_BLOCK_TAGS.indexOf(el.parentNode.tagName.toLocaleLowerCase()) !== -1)) {
+                    (CONSTANT.IGNORE_BLOCK_TAGS.indexOf(el.parentNode.tagName.toLocaleLowerCase()) !== -1
+                        || CONSTANT.ALLOWED_TABLE_BLOCK_TAGS.indexOf(el.parentNode.tagName.toLocaleLowerCase()) !== -1))) {
                 return el;
             }
             el = el.parentNode;

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

@@ -131,7 +131,11 @@ var HtmlEditor = /** @class */ (function () {
     HtmlEditor.prototype.isTableClassAdded = function () {
         var tableElement = this.parent.inputElement.querySelectorAll('table');
         for (var i = 0; i < tableElement.length; i++) {
-            if (!tableElement[i].classList.contains('e-rte-table') && !tableElement[i].classList.contains('e-rte-paste-table')) {
+            // e-rte-table class is added to the table element for styling.
+            // e-rte-paste-table class is added for pasted table element from MS Word and other sources such as Web will not have any styles.
+            // e-rte-custom-table class is added for custom table element will not have any styles.
+            if (!tableElement[i].classList.contains('e-rte-table') && !tableElement[i].classList.contains('e-rte-paste-table')
+                && !tableElement[i].classList.contains('e-rte-custom-table')) {
                 tableElement[i].classList.add('e-rte-table');
             }
         }

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

@@ -846,6 +846,9 @@ var PasteCleanup = /** @class */ (function () {
         var tableElement = element.querySelectorAll('table');
         for (var i = 0; i < tableElement.length; i++) {
             var isMSTeamsTable = tableElement[i].parentElement.nodeName === 'FIGURE';
+            if (tableElement[i].classList.length > 0 && tableElement[i].classList.contains('e-rte-custom-table')) {
+                continue; // Skip the custom table class
+            }
             if (this.parent.pasteCleanupSettings.keepFormat && source && !isMSTeamsTable) {
                 tableElement[i].classList.add('e-rte-paste-' + source + '-table');
             }

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

@@ -8,7 +8,7 @@ import { Button, CheckBox } from '@syncfusion/ej2-buttons';
 import { RenderType, ImageInputSource } from '../base/enum';
 import { dispatchEvent, parseHtml, hasClass, convertToBlob } from '../base/util';
 import { isIDevice } from '../../common/util';
-import { iframeResizeFactor, imageResizeFactor } from '../../common/config';
+import { imageResizeFactor } from '../../common/config';
 /**
  * `Image` module is used to handle image actions.
  */
@@ -521,9 +521,6 @@ var Image = /** @class */ (function () {
         return dimensions;
     };
     Image.prototype.getResizeFactor = function (value) {
-        if (this.parent.iframeSettings.enable) {
-            return iframeResizeFactor[value];
-        }
         return imageResizeFactor[value];
     };
     Image.prototype.findAspectRatio = function (image) {

package/src/rich-text-editor/renderer/slash-menu.js

@@ -150,6 +150,15 @@ var SlashMenu = /** @class */ (function () {
                             break;
                     }
                 }
+                else {
+                    if (_this.parent.inputElement.classList.contains('e-mention')) {
+                        var slashMenuPopup = _this.parent.inputElement.ownerDocument.getElementById(_this.parent.inputElement.id + '_slash_menu_popup');
+                        var isSlashMenuPopupOpen = slashMenuPopup && slashMenuPopup.classList.contains('e-popup-open');
+                        if (isSlashMenuPopupOpen) {
+                            _this.mention.hidePopup();
+                        }
+                    }
+                }
             }
         });
     };

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

@@ -1068,7 +1068,7 @@ var Table = /** @class */ (function () {
             return;
         }
         var target = e.target || e.targetTouches[0].target;
-        var closestTable = closest(target, 'table.e-rte-table, table.e-rte-paste-table');
+        var closestTable = closest(target, 'table.e-rte-table, table.e-rte-paste-table, table.e-rte-custom-table');
         var isResizing = this.parent.contentModule.getEditPanel().querySelectorAll('.e-table-box.e-rbox-select, .e-table-rhelper.e-column-helper, .e-table-rhelper.e-row-helper').length > 0;
         if (!isResizing && !isNOU(this.curTable) && !isNOU(closestTable) && closestTable !== this.curTable &&
             this.parent.contentModule.getEditPanel().contains(closestTable)) {

package/src/selection/selection.d.ts

@@ -1,3 +1,4 @@
+import { ImageOrTableCursor } from '../common';
 /**
  * `Selection` module is used to handle RTE Selections.
  */
@@ -235,5 +236,5 @@ export declare class NodeSelection {
     setCursorPoint(docElement: Document, element: Element, point: number): void;
     private isTableOrImageStart;
     private isTableOrImageEnd;
-    private processedTableImageCursor;
+    processedTableImageCursor(range: Range): ImageOrTableCursor;
 }

package/src/selection/selection.js

@@ -126,7 +126,8 @@ var NodeSelection = /** @class */ (function () {
         var tableCursor = this.processedTableImageCursor(range);
         if (tableCursor.start || tableCursor.end) {
             if (tableCursor.startName === 'TABLE' || tableCursor.endName === 'TABLE') {
-                return [];
+                var tableNode = tableCursor.start ? tableCursor.startNode : tableCursor.endNode;
+                return [tableNode];
             }
         }
         if ((startNode === endNode || (startNode.nodeName === 'BR' && startNode === range.endContainer.childNodes[range.endOffset])) &&
@@ -452,34 +453,36 @@ var NodeSelection = /** @class */ (function () {
         var customHandlerElements = ['TABLE'];
         var startContainer = range.startContainer;
         var startOffset = range.startOffset;
+        var startNode = startContainer.childNodes[startOffset];
         var isCursorAtStart = range.collapsed && (startContainer.nodeType === 1) &&
-            startContainer.isContentEditable && startContainer.childNodes[startOffset] &&
-            (customHandlerElements.indexOf(startContainer.childNodes[startOffset].nodeName) > -1);
+            startContainer.isContentEditable && startNode &&
+            (customHandlerElements.indexOf(startNode.nodeName) > -1);
         if (isCursorAtStart) {
-            return { start: isCursorAtStart, startNodeName: startContainer.childNodes[startOffset].nodeName };
+            return { start: isCursorAtStart, startNodeName: startNode.nodeName, startNode: startNode };
         }
         else {
-            return { start: false, startNodeName: '' };
+            return { start: false, startNodeName: '', startNode: undefined };
         }
     };
     NodeSelection.prototype.isTableOrImageEnd = function (range) {
         var customHandlerElements = ['TABLE'];
         var startContainer = range.startContainer;
         var startOffset = range.startOffset;
+        var endNode = startContainer.childNodes[startOffset - 1];
         var isCursorAtEnd = range.collapsed && (startContainer.nodeType === 1) &&
-            startContainer.isContentEditable && startContainer.childNodes[startOffset - 1] &&
-            (customHandlerElements.indexOf(startContainer.childNodes[startOffset - 1].nodeName) > -1);
+            startContainer.isContentEditable && endNode &&
+            (customHandlerElements.indexOf(endNode.nodeName) > -1);
         if (isCursorAtEnd) {
-            return { end: isCursorAtEnd, endNodeName: startContainer.childNodes[startOffset - 1].nodeName };
+            return { end: isCursorAtEnd, endNodeName: endNode.nodeName, endNode: endNode };
         }
         else {
-            return { end: false, endNodeName: '' };
+            return { end: false, endNodeName: '', endNode: undefined };
         }
     };
     NodeSelection.prototype.processedTableImageCursor = function (range) {
-        var _a = this.isTableOrImageStart(range), start = _a.start, startNodeName = _a.startNodeName;
-        var _b = this.isTableOrImageEnd(range), end = _b.end, endNodeName = _b.endNodeName;
-        return { start: start, startName: startNodeName, end: end, endName: endNodeName };
+        var _a = this.isTableOrImageStart(range), start = _a.start, startNodeName = _a.startNodeName, startNode = _a.startNode;
+        var _b = this.isTableOrImageEnd(range), end = _b.end, endNodeName = _b.endNodeName, endNode = _b.endNode;
+        return { start: start, startName: startNodeName, end: end, endName: endNodeName, startNode: startNode, endNode: endNode };
     };
     return NodeSelection;
 }());