@syncfusion/ej2-richtexteditor 25.1.42 → 25.2.4

package/dist/global/index.d.ts

@@ -1,6 +1,6 @@
 /*!
 *  filename: index.d.ts
-*  version : 25.1.42
+*  version : 25.2.4
 *  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@25.1.41",
+  "_id": "@syncfusion/ej2-richtexteditor@25.2.3",
   "_inBundle": false,
-  "_integrity": "sha512-+SQQWuGTr85M/kWC43aUeAA8TDQsVcc+Py0S5FC0jSb88TH8ZhY1yS/N9nSsCtkk8H+9LWn3sF3xk9VNzovEdw==",
+  "_integrity": "sha512-l5lUzKF2Mrk2KgQR3Sez/lXpDu9vZnnUJXSfQNUHy+kfr+Z8qd+8SwR06pt7hBZjn05UTHz+TLCmRKA+uYmTHQ==",
   "_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-25.1.41.tgz",
-  "_shasum": "e454a752ac8f1b765d7affaadc18316ec104e50f",
+  "_resolved": "https://nexus.syncfusioninternal.com/repository/ej2-hotfix-new/@syncfusion/ej2-richtexteditor/-/ej2-richtexteditor-25.2.3.tgz",
+  "_shasum": "ca743ef7877548820123a735ac98979caf771278",
   "_spec": "@syncfusion/ej2-richtexteditor@*",
   "_where": "/jenkins/workspace/elease-automation_release_25.1.1/packages/included",
   "author": {
@@ -37,13 +37,13 @@
   },
   "bundleDependencies": false,
   "dependencies": {
-    "@syncfusion/ej2-base": "~25.1.35",
-    "@syncfusion/ej2-buttons": "~25.1.39",
-    "@syncfusion/ej2-filemanager": "~25.1.40",
-    "@syncfusion/ej2-inputs": "~25.1.42",
-    "@syncfusion/ej2-navigations": "~25.1.42",
-    "@syncfusion/ej2-popups": "~25.1.42",
-    "@syncfusion/ej2-splitbuttons": "~25.1.38"
+    "@syncfusion/ej2-base": "~25.2.3",
+    "@syncfusion/ej2-buttons": "~25.2.4",
+    "@syncfusion/ej2-filemanager": "~25.2.3",
+    "@syncfusion/ej2-inputs": "~25.2.3",
+    "@syncfusion/ej2-navigations": "~25.2.4",
+    "@syncfusion/ej2-popups": "~25.2.4",
+    "@syncfusion/ej2-splitbuttons": "~25.2.4"
   },
   "deprecated": false,
   "description": "Essential JS 2 RichTextEditor component",
@@ -79,6 +79,6 @@
     "url": "git+https://github.com/syncfusion/ej2-javascript-ui-controls.git"
   },
   "typings": "index.d.ts",
-  "version": "25.1.42",
+  "version": "25.2.4",
   "sideEffects": false
 }

package/src/common/util.d.ts

@@ -40,3 +40,11 @@ export declare function getDefaultMDTbStatus(): IToolbarStatus;
  * @hidden
  */
 export declare function nestedListCleanUp(range: Range): void;
+/**
+ * Method to scroll the content to the cursor position
+ *
+ * @param {Document} document - specifies the document.
+ * @param {HTMLElement | HTMLBodyElement} inputElement - specifies the input element.
+ * @returns {void}
+ */
+export declare function scrollToCursor(document: Document, inputElement: HTMLElement | HTMLBodyElement): void;

package/src/common/util.js

@@ -116,6 +116,10 @@ export function updateTextNode(value, enterAction) {
                     tableElm[i].classList.remove('e-rte-paste-onenote-table');
                     continue;
                 }
+                else if (tableElm[i].classList.contains('e-rte-paste-html-table')) {
+                    tableElm[i].classList.remove('e-rte-paste-html-table');
+                    continue;
+                }
             }
         }
         var imageElm = resultElm.querySelectorAll('img');
@@ -220,3 +224,51 @@ export function nestedListCleanUp(range) {
         }
     }
 }
+/**
+ * Method to scroll the content to the cursor position
+ *
+ * @param {Document} document - specifies the document.
+ * @param {HTMLElement | HTMLBodyElement} inputElement - specifies the input element.
+ * @returns {void}
+ */
+export function scrollToCursor(document, inputElement) {
+    var rootElement = inputElement.nodeName === 'BODY' ?
+        inputElement.ownerDocument.defaultView.frameElement.closest('.e-richtexteditor') :
+        inputElement.closest('.e-richtexteditor');
+    var height = rootElement.style.height;
+    if (document.getSelection().rangeCount === 0) {
+        return;
+    }
+    var range = document.getSelection().getRangeAt(0);
+    var finalFocusElement = range.startContainer.nodeName === '#text' ? range.startContainer.parentElement :
+        range.startContainer;
+    var rect = finalFocusElement.getBoundingClientRect();
+    var cursorTop = rect.top;
+    var cursorBottom = rect.bottom;
+    var rootRect = rootElement.getBoundingClientRect();
+    var hasMargin = rootElement.querySelectorAll('.e-count-enabled, .e-resize-enabled').length > 0;
+    if (inputElement.nodeName === 'BODY') {
+        if (height === 'auto') {
+            if (window.innerHeight < cursorTop) {
+                finalFocusElement.scrollIntoView(false);
+            }
+        }
+        else {
+            if (cursorTop > inputElement.getBoundingClientRect().height) {
+                finalFocusElement.scrollIntoView({ block: 'nearest', inline: 'nearest' });
+            }
+        }
+    }
+    else {
+        if (height === 'auto') {
+            if (window.innerHeight < cursorTop) {
+                finalFocusElement.scrollIntoView({ block: 'end', inline: 'nearest' });
+            }
+        }
+        else {
+            if (cursorBottom > rootRect.bottom) {
+                rootElement.querySelector('.e-rte-content').scrollTop += (cursorBottom - rootRect.bottom) + (hasMargin ? 20 : 0);
+            }
+        }
+    }
+}

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

@@ -318,7 +318,7 @@ var DOMNode = /** @class */ (function () {
     DOMNode.prototype.unWrap = function (element) {
         var parent = element.parentNode;
         var unWrapNode = [];
-        while (element.firstChild) {
+        while (element.firstChild && (element.previousSibling !== this.parent.querySelector('.e-mention-chip') || element.textContent !== ' ')) {
             unWrapNode.push(element.firstChild);
             parent.insertBefore(element.firstChild, element);
         }

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

@@ -66,9 +66,9 @@ var MsWordPaste = /** @class */ (function () {
         var patern2 = /class="?Mso|style="[^ ]*\bmso-/i;
         var patern3 = /(class="?Mso|class='?Mso|class="?Xl|class='?Xl|class=Xl|style="[^"]*\bmso-|style='[^']*\bmso-|w:WordDocument)/gi;
         var pattern4 = /style='mso-width-source:/i;
+        var source = this.findSource(elm);
         if (patern.test(tempHTMLContent) || patern2.test(tempHTMLContent) || patern3.test(tempHTMLContent) ||
             pattern4.test(tempHTMLContent)) {
-            var source = this.findSource(elm);
             tempHTMLContent = tempHTMLContent.replace(/<img[^>]+>/i, '');
             this.addListClass(elm);
             listNodes = this.cleanUp(elm, listNodes);
@@ -93,7 +93,7 @@ var MsWordPaste = /** @class */ (function () {
             e.callBack(elm.innerHTML, this.cropImageDimensions, source);
         }
         else {
-            e.callBack(elm.innerHTML);
+            e.callBack(elm.innerHTML, null, source);
         }
     };
     MsWordPaste.prototype.addDoubleBr = function (elm) {

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

@@ -1,7 +1,7 @@
 import { debounce, isNullOrUndefined, detach } from '@syncfusion/ej2-base';
 import { NodeSelection } from './../../selection/selection';
 import * as EVENTS from './../../common/constant';
-import { isIDevice, setEditFrameFocus } from '../../common/util';
+import { isIDevice, scrollToCursor, setEditFrameFocus } from '../../common/util';
 /**
  * `Undo` module is used to handle undo actions.
  */
@@ -183,6 +183,7 @@ var UndoRedoManager = /** @class */ (function () {
             this.parent.editableElement.innerHTML = '';
             this.parent.editableElement.appendChild(removedContent.cloneNode(true));
             this.parent.editableElement.focus();
+            scrollToCursor(this.parent.currentDocument, this.parent.editableElement);
             if (isIDevice()) {
                 setEditFrameFocus(this.parent.editableElement, e.selector);
             }
@@ -215,6 +216,7 @@ var UndoRedoManager = /** @class */ (function () {
             this.parent.editableElement.innerHTML = '';
             this.parent.editableElement.appendChild(addedContent.cloneNode(true));
             this.parent.editableElement.focus();
+            scrollToCursor(this.parent.currentDocument, this.parent.editableElement);
             if (isIDevice()) {
                 setEditFrameFocus(this.parent.editableElement, e.selector);
             }

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

@@ -11,7 +11,7 @@ import { ColorPickerInput } from './color-picker';
 import { NodeSelection } from '../../selection/selection';
 import { InsertHtml } from '../../editor-manager/plugin/inserthtml';
 import { getTextNodesUnder, sanitizeHelper, getDefaultValue } from '../base/util';
-import { isIDevice } from '../../common/util';
+import { isIDevice, scrollToCursor } from '../../common/util';
 import { XhtmlValidation } from './xhtml-validation';
 import { ON_BEGIN } from './../../common/constant';
 import * as CONSTANT from '../base/constant';
@@ -322,15 +322,7 @@ var HtmlEditor = /** @class */ (function () {
                 }
                 else {
                     this.parent.notify(events.enterHandler, { args: e.args });
-                    var newRange = this.parent.getRange();
-                    if (!isNullOrUndefined(newRange.startContainer) && this.parent.height !== 'auto' && newRange.startContainer.nodeName !== '#text'
-                        && !this.parent.iframeSettings.enable && newRange.startContainer.getBoundingClientRect().bottom > this.parent.element.getBoundingClientRect().bottom) {
-                        this.parent.element.querySelector('.e-rte-content').scrollTop += newRange.startContainer.getBoundingClientRect().bottom - this.parent.element.getBoundingClientRect().bottom;
-                    }
-                    else if (!isNullOrUndefined(newRange.startContainer) && this.parent.height === 'auto' && newRange.startContainer.nodeName !== '#text'
-                        && !this.parent.iframeSettings.enable && window.innerHeight < newRange.startContainer.getBoundingClientRect().top) {
-                        newRange.startContainer.scrollIntoView({ block: 'end', inline: 'nearest' });
-                    }
+                    scrollToCursor(this.parent.contentModule.getDocument(), this.parent.inputElement);
                 }
             }
         }

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

@@ -58,6 +58,7 @@ export declare class PasteCleanup {
     private docClick;
     private cleanAppleClass;
     private formatting;
+    private convertBlobToBase64;
     private cropImageHandler;
     private addTableClass;
     private setImageProperties;

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

@@ -13,6 +13,7 @@ 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 { scrollToCursor } from '../../common/util';
 /**
  * PasteCleanup module called when pasting content in RichTextEditor
  */
@@ -404,7 +405,9 @@ var PasteCleanup = /** @class */ (function () {
             popupObj.close();
         }
         this.parent.trigger(events.imageUploadFailed, e);
-        uploadObj.destroy();
+        if (uploadObj && document.body.contains(uploadObj.element)) {
+            uploadObj.destroy();
+        }
     };
     PasteCleanup.prototype.popupClose = function (popupObj, uploadObj, imgElem, e) {
         var _this = this;
@@ -420,7 +423,7 @@ var PasteCleanup = /** @class */ (function () {
         });
         popupObj.close();
         imgElem.style.opacity = '1';
-        if (!uploadObj.isDestroyed) {
+        if (uploadObj && document.body.contains(uploadObj.element)) {
             uploadObj.destroy();
         }
         this.toolbarEnableDisable(false);
@@ -720,16 +723,42 @@ var PasteCleanup = /** @class */ (function () {
                 extend(args, { elements: returnArgs.elements, imageElements: returnArgs.imgElem }, true);
                 _this.parent.formatter.onSuccess(_this.parent, args);
             }, clipBoardElem, null, null, this.parent.enterKey);
+            scrollToCursor(this.parent.contentModule.getDocument(), this.parent.inputElement);
             this.removeTempClass();
             this.parent.notify(events.toolbarRefresh, {});
             this.cropImageHandler(this.parent.inputElement);
         }
     };
+    PasteCleanup.prototype.convertBlobToBase64 = function (element) {
+        var imgElem = element.querySelectorAll('img');
+        var _loop_1 = function (i) {
+            if (imgElem[i].getAttribute('src') &&
+                imgElem[i].getAttribute('src').startsWith("blob")) {
+                var blobImageUrl = imgElem[i].getAttribute('src');
+                var img_1 = new Image();
+                var onImageLoadEvent_1 = function () {
+                    var canvas = document.createElement('canvas');
+                    var ctx = canvas.getContext('2d');
+                    canvas.width = img_1.width;
+                    canvas.height = img_1.height;
+                    ctx.drawImage(img_1, 0, 0);
+                    var base64String = canvas.toDataURL('image/png');
+                    imgElem[i].src = base64String;
+                    img_1.removeEventListener('load', onImageLoadEvent_1);
+                };
+                img_1.src = blobImageUrl;
+                img_1.addEventListener('load', onImageLoadEvent_1);
+            }
+        };
+        for (var i = 0; i < imgElem.length; i++) {
+            _loop_1(i);
+        }
+    };
     PasteCleanup.prototype.cropImageHandler = function (element) {
         var _this = this;
         var allImgElm = element.querySelectorAll('.e-img-cropped');
         if (allImgElm.length > 0) {
-            var _loop_1 = function (i) {
+            var _loop_2 = function (i) {
                 if (allImgElm[i].getAttribute('src').split(',')[0].indexOf('base64') >= 0) {
                     var image_1 = new Image();
                     image_1.src = allImgElm[i].getAttribute('src');
@@ -763,26 +792,37 @@ var PasteCleanup = /** @class */ (function () {
                 }
             };
             for (var i = 0; i < allImgElm.length; i++) {
-                _loop_1(i);
+                _loop_2(i);
             }
         }
         else {
-            this.imgUploading(this.parent.inputElement);
-            if (this.parent.iframeSettings.enable) {
-                this.parent.updateValue();
+            if (!isNullOrUndefined(this.parent.insertImageSettings.saveUrl) && !isNullOrUndefined(this.parent.insertImageSettings.path) && !isNullOrUndefined(this.parent.inputElement.querySelectorAll("img")) && this.parent.inputElement.querySelectorAll("img")[0].src.startsWith("blob")) {
+                this.convertBlobToBase64(this.parent.inputElement);
+                setTimeout(function () {
+                    _this.imgUploading(_this.parent.inputElement);
+                    if (_this.parent.iframeSettings.enable) {
+                        _this.parent.updateValue();
+                    }
+                }, 20);
+            }
+            else {
+                this.imgUploading(this.parent.inputElement);
+                if (this.parent.iframeSettings.enable) {
+                    this.parent.updateValue();
+                }
             }
         }
     };
     PasteCleanup.prototype.addTableClass = function (element, source) {
-        source = isNOU(source) ? '' : source;
         var tableElement = element.querySelectorAll('table');
         for (var i = 0; i < tableElement.length; i++) {
-            if (!tableElement[i].classList.contains('e-rte-table') && (source === 'html' || source === '')) {
-                tableElement[i].classList.add('e-rte-table');
-            }
-            else if (source && source !== 'html') {
+            var isMSTeamsTable = tableElement[i].parentElement.nodeName === 'FIGURE';
+            if (this.parent.pasteCleanupSettings.keepFormat && source && !isMSTeamsTable) {
                 tableElement[i].classList.add('e-rte-paste-' + source + '-table');
             }
+            else if (!tableElement[i].classList.contains('e-rte-table')) {
+                tableElement[i].classList.add('e-rte-table');
+            }
         }
         return element;
     };

package/src/rich-text-editor/base/rich-text-editor.d.ts

@@ -58,6 +58,7 @@ export declare class RichTextEditor extends Component<HTMLElement> implements IN
     private isResizeInitialized;
     private isValueChangeBlurhandler;
     private displayTempElem;
+    private beforeRenderClassValue;
     /**
      * @hidden
 

package/src/rich-text-editor/base/rich-text-editor.js

@@ -196,6 +196,7 @@ var RichTextEditor = /** @class */ (function (_super) {
         this.persistData();
         setStyleAttribute(this.element, { 'width': formatUnit(this.width) });
         attributes(this.element, { role: 'application', 'aria-label': 'Rich Text Editor' });
+        this.beforeRenderClassValue = this.element.getAttribute('class');
     };
     RichTextEditor.prototype.persistData = function () {
         if (this.enablePersistence && this.originalElement.tagName === 'TEXTAREA') {
@@ -1068,6 +1069,10 @@ var RichTextEditor = /** @class */ (function (_super) {
         if (this.isDestroyed || !this.isRendered) {
             return;
         }
+        this.element.className = this.beforeRenderClassValue;
+        this.removeHtmlAttributes();
+        this.removeAttributes();
+        this.beforeRenderClassValue = null;
         if (!isNOU(this.timeInterval)) {
             clearInterval(this.timeInterval);
             this.timeInterval = null;
@@ -1135,8 +1140,6 @@ var RichTextEditor = /** @class */ (function (_super) {
                 }
             }
         }
-        this.removeHtmlAttributes();
-        this.removeAttributes();
         _super.prototype.destroy.call(this);
         this.isRendered = false;
     };
@@ -1167,6 +1170,7 @@ var RichTextEditor = /** @class */ (function (_super) {
         this.element.removeAttribute('aria-disabled');
         this.element.removeAttribute('role');
         this.element.removeAttribute('tabindex');
+        this.element.removeAttribute('aria-label');
     };
     RichTextEditor.prototype.destroyDependentModules = function () {
         /* destroy dependent modules */

package/styles/bootstrap-dark.css

@@ -899,6 +899,8 @@
 .e-richtexteditor .e-rte-content .e-content table,
 .e-richtexteditor .e-source-content .e-content table {
   margin-bottom: 10px;
+  border-collapse: collapse;
+  empty-cells: show;
 }
 .e-richtexteditor .e-rte-content .e-content pre,
 .e-richtexteditor .e-source-content .e-content pre {
@@ -1204,7 +1206,7 @@
   margin-right: 5px;
   display: inline-block;
   float: none;
-  max-width: calc(100% - 10px);
+  max-width: 100%;
   padding: 1px;
   vertical-align: bottom;
 }
@@ -1289,11 +1291,6 @@
   display: contents;
 }
 
-.e-rte-table {
-  border-collapse: collapse;
-  empty-cells: show;
-}
-
 .e-rte-table td,
 .e-rte-table th {
   border: 1px solid #959595;

package/styles/bootstrap.css

@@ -1040,6 +1040,8 @@
 .e-richtexteditor .e-rte-content .e-content table,
 .e-richtexteditor .e-source-content .e-content table {
   margin-bottom: 10px;
+  border-collapse: collapse;
+  empty-cells: show;
 }
 .e-richtexteditor .e-rte-content .e-content pre,
 .e-richtexteditor .e-source-content .e-content pre {
@@ -1345,7 +1347,7 @@
   margin-right: 5px;
   display: inline-block;
   float: none;
-  max-width: calc(100% - 10px);
+  max-width: 100%;
   padding: 1px;
   vertical-align: bottom;
 }
@@ -1430,11 +1432,6 @@
   display: contents;
 }
 
-.e-rte-table {
-  border-collapse: collapse;
-  empty-cells: show;
-}
-
 .e-rte-table td,
 .e-rte-table th {
   border: 1px solid #bdbdbd;

package/styles/bootstrap4.css

@@ -1135,6 +1135,8 @@
 .e-richtexteditor .e-rte-content .e-content table,
 .e-richtexteditor .e-source-content .e-content table {
   margin-bottom: 10px;
+  border-collapse: collapse;
+  empty-cells: show;
 }
 .e-richtexteditor .e-rte-content .e-content pre,
 .e-richtexteditor .e-source-content .e-content pre {
@@ -1440,7 +1442,7 @@
   margin-right: 5px;
   display: inline-block;
   float: none;
-  max-width: calc(100% - 10px);
+  max-width: 100%;
   padding: 1px;
   vertical-align: bottom;
 }
@@ -1525,11 +1527,6 @@
   display: contents;
 }
 
-.e-rte-table {
-  border-collapse: collapse;
-  empty-cells: show;
-}
-
 .e-rte-table td,
 .e-rte-table th {
   border: 1px solid #adb5bd;

package/styles/bootstrap5-dark.css

@@ -906,6 +906,8 @@
 .e-richtexteditor .e-rte-content .e-content table,
 .e-richtexteditor .e-source-content .e-content table {
   margin-bottom: 10px;
+  border-collapse: collapse;
+  empty-cells: show;
 }
 .e-richtexteditor .e-rte-content .e-content pre,
 .e-richtexteditor .e-source-content .e-content pre {
@@ -1211,7 +1213,7 @@
   margin-right: 5px;
   display: inline-block;
   float: none;
-  max-width: calc(100% - 10px);
+  max-width: 100%;
   padding: 1px;
   vertical-align: bottom;
 }
@@ -1296,11 +1298,6 @@
   display: contents;
 }
 
-.e-rte-table {
-  border-collapse: collapse;
-  empty-cells: show;
-}
-
 .e-rte-table td,
 .e-rte-table th {
   border: 1px solid #444c54;

package/styles/bootstrap5.css

@@ -906,6 +906,8 @@
 .e-richtexteditor .e-rte-content .e-content table,
 .e-richtexteditor .e-source-content .e-content table {
   margin-bottom: 10px;
+  border-collapse: collapse;
+  empty-cells: show;
 }
 .e-richtexteditor .e-rte-content .e-content pre,
 .e-richtexteditor .e-source-content .e-content pre {
@@ -1211,7 +1213,7 @@
   margin-right: 5px;
   display: inline-block;
   float: none;
-  max-width: calc(100% - 10px);
+  max-width: 100%;
   padding: 1px;
   vertical-align: bottom;
 }
@@ -1296,11 +1298,6 @@
   display: contents;
 }
 
-.e-rte-table {
-  border-collapse: collapse;
-  empty-cells: show;
-}
-
 .e-rte-table td,
 .e-rte-table th {
   border: 1px solid #dee2e6;

package/styles/fabric-dark.css

@@ -888,6 +888,8 @@
 .e-richtexteditor .e-rte-content .e-content table,
 .e-richtexteditor .e-source-content .e-content table {
   margin-bottom: 10px;
+  border-collapse: collapse;
+  empty-cells: show;
 }
 .e-richtexteditor .e-rte-content .e-content pre,
 .e-richtexteditor .e-source-content .e-content pre {
@@ -1193,7 +1195,7 @@
   margin-right: 5px;
   display: inline-block;
   float: none;
-  max-width: calc(100% - 10px);
+  max-width: 100%;
   padding: 1px;
   vertical-align: bottom;
 }
@@ -1278,11 +1280,6 @@
   display: contents;
 }
 
-.e-rte-table {
-  border-collapse: collapse;
-  empty-cells: show;
-}
-
 .e-rte-table td,
 .e-rte-table th {
   border: 1px solid #9a9a9a;

package/styles/fabric.css

@@ -888,6 +888,8 @@
 .e-richtexteditor .e-rte-content .e-content table,
 .e-richtexteditor .e-source-content .e-content table {
   margin-bottom: 10px;
+  border-collapse: collapse;
+  empty-cells: show;
 }
 .e-richtexteditor .e-rte-content .e-content pre,
 .e-richtexteditor .e-source-content .e-content pre {
@@ -1193,7 +1195,7 @@
   margin-right: 5px;
   display: inline-block;
   float: none;
-  max-width: calc(100% - 10px);
+  max-width: 100%;
   padding: 1px;
   vertical-align: bottom;
 }
@@ -1278,11 +1280,6 @@
   display: contents;
 }
 
-.e-rte-table {
-  border-collapse: collapse;
-  empty-cells: show;
-}
-
 .e-rte-table td,
 .e-rte-table th {
   border: 1px solid #bdbdbd;

package/styles/fluent-dark.css

@@ -893,6 +893,8 @@
 .e-richtexteditor .e-rte-content .e-content table,
 .e-richtexteditor .e-source-content .e-content table {
   margin-bottom: 10px;
+  border-collapse: collapse;
+  empty-cells: show;
 }
 .e-richtexteditor .e-rte-content .e-content pre,
 .e-richtexteditor .e-source-content .e-content pre {
@@ -1198,7 +1200,7 @@
   margin-right: 5px;
   display: inline-block;
   float: none;
-  max-width: calc(100% - 10px);
+  max-width: 100%;
   padding: 1px;
   vertical-align: bottom;
 }
@@ -1283,11 +1285,6 @@
   display: contents;
 }
 
-.e-rte-table {
-  border-collapse: collapse;
-  empty-cells: show;
-}
-
 .e-rte-table td,
 .e-rte-table th {
   border: 1px solid #292827;

package/styles/fluent.css

@@ -893,6 +893,8 @@
 .e-richtexteditor .e-rte-content .e-content table,
 .e-richtexteditor .e-source-content .e-content table {
   margin-bottom: 10px;
+  border-collapse: collapse;
+  empty-cells: show;
 }
 .e-richtexteditor .e-rte-content .e-content pre,
 .e-richtexteditor .e-source-content .e-content pre {
@@ -1198,7 +1200,7 @@
   margin-right: 5px;
   display: inline-block;
   float: none;
-  max-width: calc(100% - 10px);
+  max-width: 100%;
   padding: 1px;
   vertical-align: bottom;
 }
@@ -1283,11 +1285,6 @@
   display: contents;
 }
 
-.e-rte-table {
-  border-collapse: collapse;
-  empty-cells: show;
-}
-
 .e-rte-table td,
 .e-rte-table th {
   border: 1px solid #edebe9;