@syncfusion/ej2-richtexteditor 27.1.57 → 27.2.2

package/dist/global/index.d.ts

@@ -1,6 +1,6 @@
 /*!
 *  filename: index.d.ts
-*  version : 27.1.57
+*  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.55",
+  "_id": "@syncfusion/ej2-richtexteditor@27.1.58",
   "_inBundle": false,
-  "_integrity": "sha512-FkQvU6rbg+RgDWBi+nu3SpZ2kwoDNif3vbSxDqbVh3crbjTrl8mnEY2l9DPXgzMI8AKbrzkywhmbz+QU7Py+Xg==",
+  "_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.55.tgz",
-  "_shasum": "a888e8865fd0e8182ac49c4f745d8f6f78b6bf6a",
+  "_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.53",
-    "@syncfusion/ej2-dropdowns": "~27.1.57",
-    "@syncfusion/ej2-filemanager": "~27.1.55",
-    "@syncfusion/ej2-inputs": "~27.1.55",
-    "@syncfusion/ej2-navigations": "~27.1.57",
-    "@syncfusion/ej2-popups": "~27.1.57",
-    "@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.57",
+  "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/editor-manager/plugin/nodecutter.js

@@ -50,7 +50,7 @@ var NodeCutter = /** @class */ (function () {
                 fragment = this.spliceEmptyNode(fragment, false);
                 if (fragment && fragment.childNodes.length > 0) {
                     var isEmpty = (fragment.childNodes.length === 1 && fragment.childNodes[0].nodeName !== 'IMG' && !(fragment.querySelectorAll('img').length > 0)
-                        && this.isRteElm(fragment) && fragment.textContent.trim() === '') ? true : false;
+                        && this.isRteElm(fragment) && fragment.textContent.trim() === '' && fragment.textContent !== ' ' && fragment.textContent.charCodeAt(0) !== 160) ? true : false;
                     if (!isEmpty) {
                         if (node) {
                             InsertMethods.AppendBefore(fragment, node);
@@ -71,7 +71,7 @@ var NodeCutter = /** @class */ (function () {
                 fragment = this.spliceEmptyNode(fragment, true);
                 if (fragment && fragment.childNodes.length > 0) {
                     var isEmpty = (fragment.childNodes.length === 1 && fragment.childNodes[0].nodeName !== 'IMG'
-                        && this.isRteElm(fragment) && fragment.textContent.trim() === '') ? true : false;
+                        && this.isRteElm(fragment) && fragment.textContent.trim() === '' && fragment.textContent !== ' ' && fragment.textContent.charCodeAt(0) !== 160) ? true : false;
                     if (!isEmpty) {
                         if (node) {
                             InsertMethods.AppendBefore(fragment, node, true);

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');
             }
         }
@@ -651,12 +655,16 @@ var HtmlEditor = /** @class */ (function () {
                     }
                     var brNode = this.deleteRangeElement.querySelector('BR');
                     var brLastChildNode = this.deleteRangeElement.lastChild;
+                    var brParentNode = brLastChildNode.parentNode;
                     if (brNode && brNode.classList.contains('e-rte-image-remove-focus')) {
                         removeClass([brNode], ['e-rte-image-focus']);
                         return;
                     }
                     else if (brNode && brLastChildNode && brLastChildNode.nodeName === 'BR') {
                         detach(brLastChildNode);
+                        if (!isNullOrUndefined(brParentNode) && brParentNode.childNodes.length === 0) {
+                            detach(brParentNode);
+                        }
                         e.args.preventDefault();
                     }
                     if (!isNullOrUndefined(this.deleteRangeElement) && (this.deleteOldRangeElement.tagName !== 'OL' && this.deleteOldRangeElement.tagName !== 'UL')

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

@@ -11,7 +11,7 @@ import * as EVENTS from './../../common/constant';
 import { RenderType, ImageInputSource } from '../base/enum';
 import { Uploader } from '@syncfusion/ej2-inputs';
 import * as classes from '../base/classes';
-import { sanitizeHelper, convertToBlob, getDefaultValue } from '../base/util';
+import { sanitizeHelper, convertToBlob } from '../base/util';
 import { scrollToCursor } from '../../common/util';
 /**
  * PasteCleanup module called when pasting content in RichTextEditor
@@ -206,38 +206,62 @@ var PasteCleanup = /** @class */ (function () {
         }
     };
     PasteCleanup.prototype.splitBreakLine = function (value) {
-        var enterSplitText = value.split('\n');
-        var contentInnerElem = '';
+        var enterSplitText = value.split('\r\n\r\n');
+        var finalText = '';
         var startNode = this.parent.enterKey === 'P' ? '<p>' : (this.parent.enterKey === 'DIV' ? '<div>' : '');
         var endNode = this.parent.enterKey === 'P' ? '</p>' : (this.parent.enterKey === 'DIV' ? '</div>' : '<br>');
         for (var i = 0; i < enterSplitText.length; i++) {
-            if (enterSplitText[i].trim() === '') {
-                contentInnerElem += getDefaultValue(this.parent);
+            var content = enterSplitText[i];
+            var contentWithSpace = this.makeSpace(content);
+            var contentWithLineBreak = contentWithSpace.replace(/\r\n|\n/g, '<br>');
+            if (i === 0) {
+                if (this.parent.enterKey === 'BR') {
+                    finalText += (contentWithLineBreak + endNode);
+                }
+                else {
+                    finalText += contentWithLineBreak; // In order to merge the content in current line. No P/Div tag is added.
+                }
             }
             else {
-                var contentWithSpace = this.makeSpace(enterSplitText[i]);
-                contentInnerElem += (i === 0 && this.parent.enterKey !== 'BR' ? '<span>' : startNode) +
-                    (contentWithSpace.trim() === '' ? '<br>' : contentWithSpace.trim()) +
-                    (enterSplitText.length - 1 === i && this.parent.enterKey === 'BR' ? '' : (i === 0 && this.parent.enterKey !== 'BR' ? '</span>' : endNode));
+                if (this.parent.enterKey === 'BR') {
+                    if (i === enterSplitText.length - 1) {
+                        finalText += (contentWithLineBreak + endNode);
+                    }
+                    else {
+                        finalText += (contentWithLineBreak + endNode + endNode);
+                    }
+                }
+                else {
+                    finalText += startNode + contentWithLineBreak + endNode;
+                }
             }
         }
-        return contentInnerElem;
+        return finalText;
     };
-    PasteCleanup.prototype.makeSpace = function (enterSplitText) {
-        var contentWithSpace = '';
-        var spaceBetweenContent = true;
-        enterSplitText = enterSplitText.replace(/\t/g, '&nbsp;&nbsp;&nbsp;&nbsp;');
-        var spaceSplit = enterSplitText.split(' ');
-        for (var j = 0; j < spaceSplit.length; j++) {
-            if (spaceSplit[j].trim() === '') {
-                contentWithSpace += spaceBetweenContent ? '&nbsp;' : ' ';
+    PasteCleanup.prototype.makeSpace = function (text) {
+        var spacedContent = '';
+        if (text === '') {
+            return text;
+        }
+        var lineBreakSplitText = text.split(' ');
+        for (var i = 0; i < lineBreakSplitText.length; i++) {
+            var currentText = lineBreakSplitText[i];
+            if (currentText === '') {
+                spacedContent += '&nbsp;';
+            }
+            else if (currentText === '\t') {
+                spacedContent += '&nbsp;&nbsp;&nbsp;&nbsp;';
             }
             else {
-                spaceBetweenContent = false;
-                contentWithSpace += spaceSplit[j] + ' ';
+                if (i > 0 && i < lineBreakSplitText.length) {
+                    spacedContent += ' ';
+                }
+                spacedContent += currentText;
             }
         }
-        return contentWithSpace;
+        spacedContent = spacedContent.replace(/\t/g, '&nbsp;&nbsp;&nbsp;&nbsp;');
+        spacedContent = spacedContent.replace(/&nbsp;&nbsp;/g, '&nbsp; ');
+        return spacedContent;
     };
     PasteCleanup.prototype.imgUploading = function (elm) {
         var allImgElm = elm.querySelectorAll('.pasteContent_Img');
@@ -822,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/base/rich-text-editor.js

@@ -781,7 +781,7 @@ var RichTextEditor = /** @class */ (function (_super) {
         }
         var notFormatPainterCopy = isNOU(e.action) ? true : (e.action !== 'format-copy' ? true : false);
         if (this.formatter.getUndoRedoStack().length === 0 && notFormatPainterCopy &&
-            !(e.altKey || e.shiftKey || (e.altKey && e.shiftKey && e.which === 67))) {
+            !(e.altKey || (e.shiftKey && e.which === 16) || (e.altKey && e.shiftKey && e.which === 67))) {
             this.formatter.saveData();
         }
         var preventingMention = false;
@@ -1835,7 +1835,10 @@ var RichTextEditor = /** @class */ (function (_super) {
                         var item = compiledTemplate[i];
                         append([item], appendElem);
                     }
-                    this.setProperties({ value: appendElem.innerHTML.trim() });
+                    var content = appendElem.innerHTML.trim();
+                    if (content.length > 0) {
+                        this.setProperties({ value: content });
+                    }
                     this.renderReactTemplates();
                 }
             }

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) {
@@ -939,7 +936,9 @@ var Image = /** @class */ (function () {
                     _this.parent.formatter.editorManager.nodeSelection.Clear(_this.contentModule.getDocument());
                     _this.parent.formatter.editorManager.nodeSelection.setSelectionContents(_this.contentModule.getDocument(), target);
                     _this.quickToolObj.imageQTBar.showPopup(args.pageX, pageY, target);
-                    _this.resizeStart(e.args, target);
+                    if (_this.parent.insertImageSettings.resize === true) {
+                        _this.resizeStart(e.args, target);
+                    }
                 }, 400);
             }
             else {
@@ -2422,7 +2421,9 @@ var Image = /** @class */ (function () {
         if (imageElement) {
             this.showImageQTbarTime = setTimeout(function () {
                 _this.showImageQuickToolbar(args);
-                _this.resizeStart(e.args, imageElement);
+                if (_this.parent.insertImageSettings.resize) {
+                    _this.resizeStart(e.args, imageElement);
+                }
             }, 0);
         }
     };