@syncfusion/ej2-richtexteditor 28.1.33 → 28.1.35

package/dist/global/index.d.ts

@@ -1,6 +1,6 @@
 /*!
 *  filename: index.d.ts
-*  version : 28.1.33
+*  version : 28.1.35
 *  Copyright Syncfusion Inc. 2001 - 2024. 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.48",
+  "_id": "@syncfusion/ej2-richtexteditor@28.1.33",
   "_inBundle": false,
-  "_integrity": "sha512-T9qFUk37+sl9koK+SABBkbrMJFiPfT70OJhJNNIxYSEtNT0vOkCooVzqovkSujCfoW1fbQqi6xqjV7JwRWaw/w==",
+  "_integrity": "sha512-mN8hCtAtiPeUGZN481HxaYB228o+dOiXbBwRvDW5japhkE024Fi6ME8iHvMA/5h3jOE4XRLyY8tyQRaSh4nSmQ==",
   "_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-release/@syncfusion/ej2-richtexteditor/-/ej2-richtexteditor-27.1.48.tgz",
-  "_shasum": "8098e2e910bbeadc9c59cd6287bf4d5872fdb13b",
+  "_resolved": "https://nexus.syncfusioninternal.com/repository/ej2-hotfix-new/@syncfusion/ej2-richtexteditor/-/ej2-richtexteditor-28.1.33.tgz",
+  "_shasum": "7608c2be43136ca949e6695ab69389e4efe07873",
   "_spec": "@syncfusion/ej2-richtexteditor@*",
   "_where": "/jenkins/workspace/elease-automation_release_28.1.1/packages/included",
   "author": {
@@ -39,10 +39,10 @@
   "dependencies": {
     "@syncfusion/ej2-base": "~28.1.33",
     "@syncfusion/ej2-buttons": "~28.1.33",
-    "@syncfusion/ej2-dropdowns": "~28.1.33",
+    "@syncfusion/ej2-dropdowns": "~28.1.35",
     "@syncfusion/ej2-filemanager": "~28.1.33",
     "@syncfusion/ej2-inputs": "~28.1.33",
-    "@syncfusion/ej2-navigations": "~28.1.33",
+    "@syncfusion/ej2-navigations": "~28.1.35",
     "@syncfusion/ej2-popups": "~28.1.33",
     "@syncfusion/ej2-splitbuttons": "~28.1.33"
   },
@@ -80,6 +80,6 @@
     "url": "git+https://github.com/syncfusion/ej2-javascript-ui-controls.git"
   },
   "typings": "index.d.ts",
-  "version": "28.1.33",
+  "version": "28.1.35",
   "sideEffects": false
 }

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

@@ -210,7 +210,7 @@ var InsertHtml = /** @class */ (function () {
     InsertHtml.pasteInsertHTML = function (nodes, node, range, nodeSelection, nodeCutter, docElement, isCollapsed, closestParentNode, editNode, enterAction) {
         var isCursor = range.startOffset === range.endOffset &&
             range.startContainer === range.endContainer;
-        if (isCursor && range.startContainer === editNode && editNode.textContent === '') {
+        if (isCursor && range.startContainer === editNode && editNode.textContent === '' && range.startOffset === 0 && range.endOffset === 0) {
             var currentBlockNode = this.getImmediateBlockNode(nodes[nodes.length - 1], editNode);
             nodeSelection.setSelectionText(docElement, currentBlockNode, currentBlockNode, 0, 0);
             range = nodeSelection.getRange(docElement);
@@ -601,9 +601,20 @@ var InsertHtml = /** @class */ (function () {
                 }
             }
             if (blockNode && blockNode.nodeName === 'TD' || blockNode.nodeName === 'TH' || blockNode.nodeName === 'TR') {
-                var tempSpan = createElement('span', { className: 'tempSpan' });
-                range.insertNode(tempSpan);
-                tempSpan.parentNode.replaceChild(node, tempSpan);
+                var parentElem = range.startContainer;
+                while (!isNOU(parentElem) && parentElem.parentElement !== blockNode) {
+                    parentElem = parentElem.parentElement;
+                }
+                range.deleteContents();
+                var splitedElm = nodeCutter.GetSpliceNode(range, parentElem);
+                if (splitedElm) {
+                    splitedElm.parentNode.replaceChild(node, splitedElm);
+                }
+                else {
+                    range.insertNode(node);
+                }
+                this.contentsDeleted = true;
+                return;
             }
             else {
                 var nodeSelection = new NodeSelection(editNode);

package/src/rich-text-editor/renderer/toolbar-renderer.js

@@ -428,7 +428,9 @@ var ToolbarRenderer = /** @class */ (function () {
                     args.cancel = true;
                     return;
                 }
-                proxy.parent.notify(events.selectionRestore, {});
+                if (Browser.info.name === 'safari') {
+                    proxy.parent.notify(events.selectionRestore, {});
+                }
                 var element = (args.event) ? args.event.target : null;
                 proxy.currentElement = dropDown.element;
                 proxy.currentDropdown = dropDown;
@@ -456,10 +458,14 @@ var ToolbarRenderer = /** @class */ (function () {
         args.element.tabIndex = -1;
         dropDown.element.removeAttribute('type');
         dropDown.element.onmousedown = function () {
-            proxy.parent.notify(events.selectionSave, {});
+            if (Browser.info.name === 'safari') {
+                proxy.parent.notify(events.selectionSave, {});
+            }
         };
         dropDown.element.onkeydown = function () {
-            proxy.parent.notify(events.selectionSave, {});
+            if (Browser.info.name === 'safari') {
+                proxy.parent.notify(events.selectionSave, {});
+            }
         };
         return dropDown;
     };

package/styles/bds-lite.css

@@ -765,6 +765,12 @@
   display: inline;
   font-size: 20px;
 }
+.e-richtexteditor .e-rte-toolbar .e-toolbar-items .e-toolbar-item .e-rte-font-color.e-icons::before,
+.e-richtexteditor .e-rte-toolbar .e-toolbar-extended .e-toolbar-item .e-rte-font-color.e-icons::before,
+.e-richtexteditor .e-rte-toolbar.e-toolbar.e-extended-toolbar .e-toolbar-items .e-toolbar-item .e-rte-font-color.e-icons::before,
+.e-richtexteditor .e-rte-toolbar.e-toolbar.e-extended-toolbar .e-toolbar-extended .e-toolbar-item .e-rte-font-color.e-icons::before {
+  font-size: 20px;
+}
 .e-richtexteditor .e-rte-toolbar .e-toolbar-items .e-toolbar-item .e-tbar-btn .e-order-list.e-icons,
 .e-richtexteditor .e-rte-toolbar .e-toolbar-items .e-toolbar-item .e-tbar-btn .e-unorder-list.e-icons,
 .e-richtexteditor .e-rte-toolbar .e-toolbar-items .e-toolbar-item .e-tbar-btn .e-icons.e-btn-icon:not(.e-caret),
@@ -1951,7 +1957,7 @@
   padding: 1px 0;
 }
 .e-rte-quick-popup .e-rte-dropdown-btn.e-tbar-btn .e-rte-dropdown-btn-text {
-  font-weight: 500;
+  font-weight: normal;
   overflow: hidden;
   text-overflow: ellipsis;
   white-space: nowrap;
@@ -2386,7 +2392,7 @@
   margin: 0 auto 10px;
   padding: 0 18px;
   position: relative;
-  top: -50px;
+  top: 6px;
 }
 .e-rte-img-dialog.e-dialog.e-device.e-dlg-modal .e-img-uploadwrap.e-droparea .e-upload,
 .e-rte-img-dialog.e-dialog.e-device.e-dlg-modal .e-aud-uploadwrap.e-droparea .e-upload,

package/styles/bds.css

@@ -765,6 +765,12 @@
   display: inline;
   font-size: 20px;
 }
+.e-richtexteditor .e-rte-toolbar .e-toolbar-items .e-toolbar-item .e-rte-font-color.e-icons::before,
+.e-richtexteditor .e-rte-toolbar .e-toolbar-extended .e-toolbar-item .e-rte-font-color.e-icons::before,
+.e-richtexteditor .e-rte-toolbar.e-toolbar.e-extended-toolbar .e-toolbar-items .e-toolbar-item .e-rte-font-color.e-icons::before,
+.e-richtexteditor .e-rte-toolbar.e-toolbar.e-extended-toolbar .e-toolbar-extended .e-toolbar-item .e-rte-font-color.e-icons::before {
+  font-size: 20px;
+}
 .e-richtexteditor .e-rte-toolbar .e-toolbar-items .e-toolbar-item .e-tbar-btn .e-order-list.e-icons,
 .e-richtexteditor .e-rte-toolbar .e-toolbar-items .e-toolbar-item .e-tbar-btn .e-unorder-list.e-icons,
 .e-richtexteditor .e-rte-toolbar .e-toolbar-items .e-toolbar-item .e-tbar-btn .e-icons.e-btn-icon:not(.e-caret),
@@ -1951,7 +1957,7 @@
   padding: 1px 0;
 }
 .e-rte-quick-popup .e-rte-dropdown-btn.e-tbar-btn .e-rte-dropdown-btn-text {
-  font-weight: 500;
+  font-weight: normal;
   overflow: hidden;
   text-overflow: ellipsis;
   white-space: nowrap;
@@ -2386,7 +2392,7 @@
   margin: 0 auto 10px;
   padding: 0 18px;
   position: relative;
-  top: -50px;
+  top: 6px;
 }
 .e-rte-img-dialog.e-dialog.e-device.e-dlg-modal .e-img-uploadwrap.e-droparea .e-upload,
 .e-rte-img-dialog.e-dialog.e-device.e-dlg-modal .e-aud-uploadwrap.e-droparea .e-upload,

package/styles/bootstrap-dark-lite.css

@@ -755,6 +755,12 @@
   display: inline;
   font-size: 14px;
 }
+.e-richtexteditor .e-rte-toolbar .e-toolbar-items .e-toolbar-item .e-rte-font-color.e-icons::before,
+.e-richtexteditor .e-rte-toolbar .e-toolbar-extended .e-toolbar-item .e-rte-font-color.e-icons::before,
+.e-richtexteditor .e-rte-toolbar.e-toolbar.e-extended-toolbar .e-toolbar-items .e-toolbar-item .e-rte-font-color.e-icons::before,
+.e-richtexteditor .e-rte-toolbar.e-toolbar.e-extended-toolbar .e-toolbar-extended .e-toolbar-item .e-rte-font-color.e-icons::before {
+  font-size: 14px;
+}
 .e-richtexteditor .e-rte-toolbar .e-toolbar-items .e-toolbar-item .e-tbar-btn .e-order-list.e-icons,
 .e-richtexteditor .e-rte-toolbar .e-toolbar-items .e-toolbar-item .e-tbar-btn .e-unorder-list.e-icons,
 .e-richtexteditor .e-rte-toolbar .e-toolbar-items .e-toolbar-item .e-tbar-btn .e-icons.e-btn-icon:not(.e-caret),
@@ -1941,7 +1947,7 @@
   padding: 0;
 }
 .e-rte-quick-popup .e-rte-dropdown-btn.e-tbar-btn .e-rte-dropdown-btn-text {
-  font-weight: 500;
+  font-weight: normal;
   overflow: hidden;
   text-overflow: ellipsis;
   white-space: nowrap;
@@ -2376,7 +2382,7 @@
   margin: 0 auto 10px;
   padding: 0 18px;
   position: relative;
-  top: -50px;
+  top: 6px;
 }
 .e-rte-img-dialog.e-dialog.e-device.e-dlg-modal .e-img-uploadwrap.e-droparea .e-upload,
 .e-rte-img-dialog.e-dialog.e-device.e-dlg-modal .e-aud-uploadwrap.e-droparea .e-upload,

package/styles/bootstrap-dark.css

@@ -755,6 +755,12 @@
   display: inline;
   font-size: 14px;
 }
+.e-richtexteditor .e-rte-toolbar .e-toolbar-items .e-toolbar-item .e-rte-font-color.e-icons::before,
+.e-richtexteditor .e-rte-toolbar .e-toolbar-extended .e-toolbar-item .e-rte-font-color.e-icons::before,
+.e-richtexteditor .e-rte-toolbar.e-toolbar.e-extended-toolbar .e-toolbar-items .e-toolbar-item .e-rte-font-color.e-icons::before,
+.e-richtexteditor .e-rte-toolbar.e-toolbar.e-extended-toolbar .e-toolbar-extended .e-toolbar-item .e-rte-font-color.e-icons::before {
+  font-size: 14px;
+}
 .e-richtexteditor .e-rte-toolbar .e-toolbar-items .e-toolbar-item .e-tbar-btn .e-order-list.e-icons,
 .e-richtexteditor .e-rte-toolbar .e-toolbar-items .e-toolbar-item .e-tbar-btn .e-unorder-list.e-icons,
 .e-richtexteditor .e-rte-toolbar .e-toolbar-items .e-toolbar-item .e-tbar-btn .e-icons.e-btn-icon:not(.e-caret),
@@ -1941,7 +1947,7 @@
   padding: 0;
 }
 .e-rte-quick-popup .e-rte-dropdown-btn.e-tbar-btn .e-rte-dropdown-btn-text {
-  font-weight: 500;
+  font-weight: normal;
   overflow: hidden;
   text-overflow: ellipsis;
   white-space: nowrap;
@@ -2376,7 +2382,7 @@
   margin: 0 auto 10px;
   padding: 0 18px;
   position: relative;
-  top: -50px;
+  top: 6px;
 }
 .e-rte-img-dialog.e-dialog.e-device.e-dlg-modal .e-img-uploadwrap.e-droparea .e-upload,
 .e-rte-img-dialog.e-dialog.e-device.e-dlg-modal .e-aud-uploadwrap.e-droparea .e-upload,

package/styles/bootstrap-lite.css

@@ -896,6 +896,12 @@
   display: inline;
   font-size: 14px;
 }
+.e-richtexteditor .e-rte-toolbar .e-toolbar-items .e-toolbar-item .e-rte-font-color.e-icons::before,
+.e-richtexteditor .e-rte-toolbar .e-toolbar-extended .e-toolbar-item .e-rte-font-color.e-icons::before,
+.e-richtexteditor .e-rte-toolbar.e-toolbar.e-extended-toolbar .e-toolbar-items .e-toolbar-item .e-rte-font-color.e-icons::before,
+.e-richtexteditor .e-rte-toolbar.e-toolbar.e-extended-toolbar .e-toolbar-extended .e-toolbar-item .e-rte-font-color.e-icons::before {
+  font-size: 14px;
+}
 .e-richtexteditor .e-rte-toolbar .e-toolbar-items .e-toolbar-item .e-tbar-btn .e-order-list.e-icons,
 .e-richtexteditor .e-rte-toolbar .e-toolbar-items .e-toolbar-item .e-tbar-btn .e-unorder-list.e-icons,
 .e-richtexteditor .e-rte-toolbar .e-toolbar-items .e-toolbar-item .e-tbar-btn .e-icons.e-btn-icon:not(.e-caret),
@@ -2087,7 +2093,7 @@
   padding: 0;
 }
 .e-rte-quick-popup .e-rte-dropdown-btn.e-tbar-btn .e-rte-dropdown-btn-text {
-  font-weight: 500;
+  font-weight: normal;
   overflow: hidden;
   text-overflow: ellipsis;
   white-space: nowrap;
@@ -2522,7 +2528,7 @@
   margin: 0 auto 10px;
   padding: 0 18px;
   position: relative;
-  top: -50px;
+  top: 6px;
 }
 .e-rte-img-dialog.e-dialog.e-device.e-dlg-modal .e-img-uploadwrap.e-droparea .e-upload,
 .e-rte-img-dialog.e-dialog.e-device.e-dlg-modal .e-aud-uploadwrap.e-droparea .e-upload,

package/styles/bootstrap.css

@@ -896,6 +896,12 @@
   display: inline;
   font-size: 14px;
 }
+.e-richtexteditor .e-rte-toolbar .e-toolbar-items .e-toolbar-item .e-rte-font-color.e-icons::before,
+.e-richtexteditor .e-rte-toolbar .e-toolbar-extended .e-toolbar-item .e-rte-font-color.e-icons::before,
+.e-richtexteditor .e-rte-toolbar.e-toolbar.e-extended-toolbar .e-toolbar-items .e-toolbar-item .e-rte-font-color.e-icons::before,
+.e-richtexteditor .e-rte-toolbar.e-toolbar.e-extended-toolbar .e-toolbar-extended .e-toolbar-item .e-rte-font-color.e-icons::before {
+  font-size: 14px;
+}
 .e-richtexteditor .e-rte-toolbar .e-toolbar-items .e-toolbar-item .e-tbar-btn .e-order-list.e-icons,
 .e-richtexteditor .e-rte-toolbar .e-toolbar-items .e-toolbar-item .e-tbar-btn .e-unorder-list.e-icons,
 .e-richtexteditor .e-rte-toolbar .e-toolbar-items .e-toolbar-item .e-tbar-btn .e-icons.e-btn-icon:not(.e-caret),
@@ -2087,7 +2093,7 @@
   padding: 0;
 }
 .e-rte-quick-popup .e-rte-dropdown-btn.e-tbar-btn .e-rte-dropdown-btn-text {
-  font-weight: 500;
+  font-weight: normal;
   overflow: hidden;
   text-overflow: ellipsis;
   white-space: nowrap;
@@ -2522,7 +2528,7 @@
   margin: 0 auto 10px;
   padding: 0 18px;
   position: relative;
-  top: -50px;
+  top: 6px;
 }
 .e-rte-img-dialog.e-dialog.e-device.e-dlg-modal .e-img-uploadwrap.e-droparea .e-upload,
 .e-rte-img-dialog.e-dialog.e-device.e-dlg-modal .e-aud-uploadwrap.e-droparea .e-upload,

package/styles/bootstrap4-lite.css

@@ -991,6 +991,12 @@
   display: inline;
   font-size: 18px;
 }
+.e-richtexteditor .e-rte-toolbar .e-toolbar-items .e-toolbar-item .e-rte-font-color.e-icons::before,
+.e-richtexteditor .e-rte-toolbar .e-toolbar-extended .e-toolbar-item .e-rte-font-color.e-icons::before,
+.e-richtexteditor .e-rte-toolbar.e-toolbar.e-extended-toolbar .e-toolbar-items .e-toolbar-item .e-rte-font-color.e-icons::before,
+.e-richtexteditor .e-rte-toolbar.e-toolbar.e-extended-toolbar .e-toolbar-extended .e-toolbar-item .e-rte-font-color.e-icons::before {
+  font-size: 18px;
+}
 .e-richtexteditor .e-rte-toolbar .e-toolbar-items .e-toolbar-item .e-tbar-btn .e-order-list.e-icons,
 .e-richtexteditor .e-rte-toolbar .e-toolbar-items .e-toolbar-item .e-tbar-btn .e-unorder-list.e-icons,
 .e-richtexteditor .e-rte-toolbar .e-toolbar-items .e-toolbar-item .e-tbar-btn .e-icons.e-btn-icon:not(.e-caret),
@@ -2177,7 +2183,7 @@
   padding: 0;
 }
 .e-rte-quick-popup .e-rte-dropdown-btn.e-tbar-btn .e-rte-dropdown-btn-text {
-  font-weight: 500;
+  font-weight: normal;
   overflow: hidden;
   text-overflow: ellipsis;
   white-space: nowrap;
@@ -2612,7 +2618,7 @@
   margin: 0 auto 10px;
   padding: 0 18px;
   position: relative;
-  top: -50px;
+  top: 6px;
 }
 .e-rte-img-dialog.e-dialog.e-device.e-dlg-modal .e-img-uploadwrap.e-droparea .e-upload,
 .e-rte-img-dialog.e-dialog.e-device.e-dlg-modal .e-aud-uploadwrap.e-droparea .e-upload,

package/styles/bootstrap4.css

@@ -991,6 +991,12 @@
   display: inline;
   font-size: 18px;
 }
+.e-richtexteditor .e-rte-toolbar .e-toolbar-items .e-toolbar-item .e-rte-font-color.e-icons::before,
+.e-richtexteditor .e-rte-toolbar .e-toolbar-extended .e-toolbar-item .e-rte-font-color.e-icons::before,
+.e-richtexteditor .e-rte-toolbar.e-toolbar.e-extended-toolbar .e-toolbar-items .e-toolbar-item .e-rte-font-color.e-icons::before,
+.e-richtexteditor .e-rte-toolbar.e-toolbar.e-extended-toolbar .e-toolbar-extended .e-toolbar-item .e-rte-font-color.e-icons::before {
+  font-size: 18px;
+}
 .e-richtexteditor .e-rte-toolbar .e-toolbar-items .e-toolbar-item .e-tbar-btn .e-order-list.e-icons,
 .e-richtexteditor .e-rte-toolbar .e-toolbar-items .e-toolbar-item .e-tbar-btn .e-unorder-list.e-icons,
 .e-richtexteditor .e-rte-toolbar .e-toolbar-items .e-toolbar-item .e-tbar-btn .e-icons.e-btn-icon:not(.e-caret),
@@ -2177,7 +2183,7 @@
   padding: 0;
 }
 .e-rte-quick-popup .e-rte-dropdown-btn.e-tbar-btn .e-rte-dropdown-btn-text {
-  font-weight: 500;
+  font-weight: normal;
   overflow: hidden;
   text-overflow: ellipsis;
   white-space: nowrap;
@@ -2612,7 +2618,7 @@
   margin: 0 auto 10px;
   padding: 0 18px;
   position: relative;
-  top: -50px;
+  top: 6px;
 }
 .e-rte-img-dialog.e-dialog.e-device.e-dlg-modal .e-img-uploadwrap.e-droparea .e-upload,
 .e-rte-img-dialog.e-dialog.e-device.e-dlg-modal .e-aud-uploadwrap.e-droparea .e-upload,

package/styles/bootstrap5-dark-lite.css

@@ -747,6 +747,12 @@
   display: inline;
   font-size: 16px;
 }
+.e-richtexteditor .e-rte-toolbar .e-toolbar-items .e-toolbar-item .e-rte-font-color.e-icons::before,
+.e-richtexteditor .e-rte-toolbar .e-toolbar-extended .e-toolbar-item .e-rte-font-color.e-icons::before,
+.e-richtexteditor .e-rte-toolbar.e-toolbar.e-extended-toolbar .e-toolbar-items .e-toolbar-item .e-rte-font-color.e-icons::before,
+.e-richtexteditor .e-rte-toolbar.e-toolbar.e-extended-toolbar .e-toolbar-extended .e-toolbar-item .e-rte-font-color.e-icons::before {
+  font-size: 16px;
+}
 .e-richtexteditor .e-rte-toolbar .e-toolbar-items .e-toolbar-item .e-tbar-btn .e-order-list.e-icons,
 .e-richtexteditor .e-rte-toolbar .e-toolbar-items .e-toolbar-item .e-tbar-btn .e-unorder-list.e-icons,
 .e-richtexteditor .e-rte-toolbar .e-toolbar-items .e-toolbar-item .e-tbar-btn .e-icons.e-btn-icon:not(.e-caret),
@@ -1937,7 +1943,7 @@
   padding: 1px 0;
 }
 .e-rte-quick-popup .e-rte-dropdown-btn.e-tbar-btn .e-rte-dropdown-btn-text {
-  font-weight: 500;
+  font-weight: 400;
   overflow: hidden;
   text-overflow: ellipsis;
   white-space: nowrap;
@@ -2403,7 +2409,7 @@
   margin: 0 auto 10px;
   padding: 0 18px;
   position: relative;
-  top: -50px;
+  top: 6px;
 }
 .e-rte-img-dialog.e-dialog.e-device.e-dlg-modal .e-img-uploadwrap.e-droparea .e-upload,
 .e-rte-img-dialog.e-dialog.e-device.e-dlg-modal .e-aud-uploadwrap.e-droparea .e-upload,

package/styles/bootstrap5-dark.css

@@ -747,6 +747,12 @@
   display: inline;
   font-size: 16px;
 }
+.e-richtexteditor .e-rte-toolbar .e-toolbar-items .e-toolbar-item .e-rte-font-color.e-icons::before,
+.e-richtexteditor .e-rte-toolbar .e-toolbar-extended .e-toolbar-item .e-rte-font-color.e-icons::before,
+.e-richtexteditor .e-rte-toolbar.e-toolbar.e-extended-toolbar .e-toolbar-items .e-toolbar-item .e-rte-font-color.e-icons::before,
+.e-richtexteditor .e-rte-toolbar.e-toolbar.e-extended-toolbar .e-toolbar-extended .e-toolbar-item .e-rte-font-color.e-icons::before {
+  font-size: 16px;
+}
 .e-richtexteditor .e-rte-toolbar .e-toolbar-items .e-toolbar-item .e-tbar-btn .e-order-list.e-icons,
 .e-richtexteditor .e-rte-toolbar .e-toolbar-items .e-toolbar-item .e-tbar-btn .e-unorder-list.e-icons,
 .e-richtexteditor .e-rte-toolbar .e-toolbar-items .e-toolbar-item .e-tbar-btn .e-icons.e-btn-icon:not(.e-caret),
@@ -1937,7 +1943,7 @@
   padding: 1px 0;
 }
 .e-rte-quick-popup .e-rte-dropdown-btn.e-tbar-btn .e-rte-dropdown-btn-text {
-  font-weight: 500;
+  font-weight: 400;
   overflow: hidden;
   text-overflow: ellipsis;
   white-space: nowrap;
@@ -2403,7 +2409,7 @@
   margin: 0 auto 10px;
   padding: 0 18px;
   position: relative;
-  top: -50px;
+  top: 6px;
 }
 .e-rte-img-dialog.e-dialog.e-device.e-dlg-modal .e-img-uploadwrap.e-droparea .e-upload,
 .e-rte-img-dialog.e-dialog.e-device.e-dlg-modal .e-aud-uploadwrap.e-droparea .e-upload,

package/styles/bootstrap5-lite.css

@@ -747,6 +747,12 @@
   display: inline;
   font-size: 16px;
 }
+.e-richtexteditor .e-rte-toolbar .e-toolbar-items .e-toolbar-item .e-rte-font-color.e-icons::before,
+.e-richtexteditor .e-rte-toolbar .e-toolbar-extended .e-toolbar-item .e-rte-font-color.e-icons::before,
+.e-richtexteditor .e-rte-toolbar.e-toolbar.e-extended-toolbar .e-toolbar-items .e-toolbar-item .e-rte-font-color.e-icons::before,
+.e-richtexteditor .e-rte-toolbar.e-toolbar.e-extended-toolbar .e-toolbar-extended .e-toolbar-item .e-rte-font-color.e-icons::before {
+  font-size: 16px;
+}
 .e-richtexteditor .e-rte-toolbar .e-toolbar-items .e-toolbar-item .e-tbar-btn .e-order-list.e-icons,
 .e-richtexteditor .e-rte-toolbar .e-toolbar-items .e-toolbar-item .e-tbar-btn .e-unorder-list.e-icons,
 .e-richtexteditor .e-rte-toolbar .e-toolbar-items .e-toolbar-item .e-tbar-btn .e-icons.e-btn-icon:not(.e-caret),
@@ -1937,7 +1943,7 @@
   padding: 1px 0;
 }
 .e-rte-quick-popup .e-rte-dropdown-btn.e-tbar-btn .e-rte-dropdown-btn-text {
-  font-weight: 500;
+  font-weight: 400;
   overflow: hidden;
   text-overflow: ellipsis;
   white-space: nowrap;
@@ -2403,7 +2409,7 @@
   margin: 0 auto 10px;
   padding: 0 18px;
   position: relative;
-  top: -50px;
+  top: 6px;
 }
 .e-rte-img-dialog.e-dialog.e-device.e-dlg-modal .e-img-uploadwrap.e-droparea .e-upload,
 .e-rte-img-dialog.e-dialog.e-device.e-dlg-modal .e-aud-uploadwrap.e-droparea .e-upload,

package/styles/bootstrap5.3-lite.css

@@ -748,6 +748,12 @@
   display: inline;
   font-size: 16px;
 }
+.e-richtexteditor .e-rte-toolbar .e-toolbar-items .e-toolbar-item .e-rte-font-color.e-icons::before,
+.e-richtexteditor .e-rte-toolbar .e-toolbar-extended .e-toolbar-item .e-rte-font-color.e-icons::before,
+.e-richtexteditor .e-rte-toolbar.e-toolbar.e-extended-toolbar .e-toolbar-items .e-toolbar-item .e-rte-font-color.e-icons::before,
+.e-richtexteditor .e-rte-toolbar.e-toolbar.e-extended-toolbar .e-toolbar-extended .e-toolbar-item .e-rte-font-color.e-icons::before {
+  font-size: 16px;
+}
 .e-richtexteditor .e-rte-toolbar .e-toolbar-items .e-toolbar-item .e-tbar-btn .e-order-list.e-icons,
 .e-richtexteditor .e-rte-toolbar .e-toolbar-items .e-toolbar-item .e-tbar-btn .e-unorder-list.e-icons,
 .e-richtexteditor .e-rte-toolbar .e-toolbar-items .e-toolbar-item .e-tbar-btn .e-icons.e-btn-icon:not(.e-caret),
@@ -1934,7 +1940,7 @@
   padding: 1px 0;
 }
 .e-rte-quick-popup .e-rte-dropdown-btn.e-tbar-btn .e-rte-dropdown-btn-text {
-  font-weight: 500;
+  font-weight: 400;
   overflow: hidden;
   text-overflow: ellipsis;
   white-space: nowrap;
@@ -2369,7 +2375,7 @@
   margin: 0 auto 10px;
   padding: 0 18px;
   position: relative;
-  top: -50px;
+  top: 6px;
 }
 .e-rte-img-dialog.e-dialog.e-device.e-dlg-modal .e-img-uploadwrap.e-droparea .e-upload,
 .e-rte-img-dialog.e-dialog.e-device.e-dlg-modal .e-aud-uploadwrap.e-droparea .e-upload,

package/styles/bootstrap5.3.css

@@ -748,6 +748,12 @@
   display: inline;
   font-size: 16px;
 }
+.e-richtexteditor .e-rte-toolbar .e-toolbar-items .e-toolbar-item .e-rte-font-color.e-icons::before,
+.e-richtexteditor .e-rte-toolbar .e-toolbar-extended .e-toolbar-item .e-rte-font-color.e-icons::before,
+.e-richtexteditor .e-rte-toolbar.e-toolbar.e-extended-toolbar .e-toolbar-items .e-toolbar-item .e-rte-font-color.e-icons::before,
+.e-richtexteditor .e-rte-toolbar.e-toolbar.e-extended-toolbar .e-toolbar-extended .e-toolbar-item .e-rte-font-color.e-icons::before {
+  font-size: 16px;
+}
 .e-richtexteditor .e-rte-toolbar .e-toolbar-items .e-toolbar-item .e-tbar-btn .e-order-list.e-icons,
 .e-richtexteditor .e-rte-toolbar .e-toolbar-items .e-toolbar-item .e-tbar-btn .e-unorder-list.e-icons,
 .e-richtexteditor .e-rte-toolbar .e-toolbar-items .e-toolbar-item .e-tbar-btn .e-icons.e-btn-icon:not(.e-caret),
@@ -1934,7 +1940,7 @@
   padding: 1px 0;
 }
 .e-rte-quick-popup .e-rte-dropdown-btn.e-tbar-btn .e-rte-dropdown-btn-text {
-  font-weight: 500;
+  font-weight: 400;
   overflow: hidden;
   text-overflow: ellipsis;
   white-space: nowrap;
@@ -2369,7 +2375,7 @@
   margin: 0 auto 10px;
   padding: 0 18px;
   position: relative;
-  top: -50px;
+  top: 6px;
 }
 .e-rte-img-dialog.e-dialog.e-device.e-dlg-modal .e-img-uploadwrap.e-droparea .e-upload,
 .e-rte-img-dialog.e-dialog.e-device.e-dlg-modal .e-aud-uploadwrap.e-droparea .e-upload,

package/styles/bootstrap5.css

@@ -747,6 +747,12 @@
   display: inline;
   font-size: 16px;
 }
+.e-richtexteditor .e-rte-toolbar .e-toolbar-items .e-toolbar-item .e-rte-font-color.e-icons::before,
+.e-richtexteditor .e-rte-toolbar .e-toolbar-extended .e-toolbar-item .e-rte-font-color.e-icons::before,
+.e-richtexteditor .e-rte-toolbar.e-toolbar.e-extended-toolbar .e-toolbar-items .e-toolbar-item .e-rte-font-color.e-icons::before,
+.e-richtexteditor .e-rte-toolbar.e-toolbar.e-extended-toolbar .e-toolbar-extended .e-toolbar-item .e-rte-font-color.e-icons::before {
+  font-size: 16px;
+}
 .e-richtexteditor .e-rte-toolbar .e-toolbar-items .e-toolbar-item .e-tbar-btn .e-order-list.e-icons,
 .e-richtexteditor .e-rte-toolbar .e-toolbar-items .e-toolbar-item .e-tbar-btn .e-unorder-list.e-icons,
 .e-richtexteditor .e-rte-toolbar .e-toolbar-items .e-toolbar-item .e-tbar-btn .e-icons.e-btn-icon:not(.e-caret),
@@ -1937,7 +1943,7 @@
   padding: 1px 0;
 }
 .e-rte-quick-popup .e-rte-dropdown-btn.e-tbar-btn .e-rte-dropdown-btn-text {
-  font-weight: 500;
+  font-weight: 400;
   overflow: hidden;
   text-overflow: ellipsis;
   white-space: nowrap;
@@ -2403,7 +2409,7 @@
   margin: 0 auto 10px;
   padding: 0 18px;
   position: relative;
-  top: -50px;
+  top: 6px;
 }
 .e-rte-img-dialog.e-dialog.e-device.e-dlg-modal .e-img-uploadwrap.e-droparea .e-upload,
 .e-rte-img-dialog.e-dialog.e-device.e-dlg-modal .e-aud-uploadwrap.e-droparea .e-upload,

package/styles/fabric-dark-lite.css

@@ -744,6 +744,12 @@
   display: inline;
   font-size: 14px;
 }
+.e-richtexteditor .e-rte-toolbar .e-toolbar-items .e-toolbar-item .e-rte-font-color.e-icons::before,
+.e-richtexteditor .e-rte-toolbar .e-toolbar-extended .e-toolbar-item .e-rte-font-color.e-icons::before,
+.e-richtexteditor .e-rte-toolbar.e-toolbar.e-extended-toolbar .e-toolbar-items .e-toolbar-item .e-rte-font-color.e-icons::before,
+.e-richtexteditor .e-rte-toolbar.e-toolbar.e-extended-toolbar .e-toolbar-extended .e-toolbar-item .e-rte-font-color.e-icons::before {
+  font-size: 14px;
+}
 .e-richtexteditor .e-rte-toolbar .e-toolbar-items .e-toolbar-item .e-tbar-btn .e-order-list.e-icons,
 .e-richtexteditor .e-rte-toolbar .e-toolbar-items .e-toolbar-item .e-tbar-btn .e-unorder-list.e-icons,
 .e-richtexteditor .e-rte-toolbar .e-toolbar-items .e-toolbar-item .e-tbar-btn .e-icons.e-btn-icon:not(.e-caret),
@@ -1930,7 +1936,7 @@
   padding: 1px 0;
 }
 .e-rte-quick-popup .e-rte-dropdown-btn.e-tbar-btn .e-rte-dropdown-btn-text {
-  font-weight: 500;
+  font-weight: normal;
   overflow: hidden;
   text-overflow: ellipsis;
   white-space: nowrap;
@@ -2365,7 +2371,7 @@
   margin: 0 auto 10px;
   padding: 0 18px;
   position: relative;
-  top: -50px;
+  top: 6px;
 }
 .e-rte-img-dialog.e-dialog.e-device.e-dlg-modal .e-img-uploadwrap.e-droparea .e-upload,
 .e-rte-img-dialog.e-dialog.e-device.e-dlg-modal .e-aud-uploadwrap.e-droparea .e-upload,

package/styles/fabric-dark.css

@@ -744,6 +744,12 @@
   display: inline;
   font-size: 14px;
 }
+.e-richtexteditor .e-rte-toolbar .e-toolbar-items .e-toolbar-item .e-rte-font-color.e-icons::before,
+.e-richtexteditor .e-rte-toolbar .e-toolbar-extended .e-toolbar-item .e-rte-font-color.e-icons::before,
+.e-richtexteditor .e-rte-toolbar.e-toolbar.e-extended-toolbar .e-toolbar-items .e-toolbar-item .e-rte-font-color.e-icons::before,
+.e-richtexteditor .e-rte-toolbar.e-toolbar.e-extended-toolbar .e-toolbar-extended .e-toolbar-item .e-rte-font-color.e-icons::before {
+  font-size: 14px;
+}
 .e-richtexteditor .e-rte-toolbar .e-toolbar-items .e-toolbar-item .e-tbar-btn .e-order-list.e-icons,
 .e-richtexteditor .e-rte-toolbar .e-toolbar-items .e-toolbar-item .e-tbar-btn .e-unorder-list.e-icons,
 .e-richtexteditor .e-rte-toolbar .e-toolbar-items .e-toolbar-item .e-tbar-btn .e-icons.e-btn-icon:not(.e-caret),
@@ -1930,7 +1936,7 @@
   padding: 1px 0;
 }
 .e-rte-quick-popup .e-rte-dropdown-btn.e-tbar-btn .e-rte-dropdown-btn-text {
-  font-weight: 500;
+  font-weight: normal;
   overflow: hidden;
   text-overflow: ellipsis;
   white-space: nowrap;
@@ -2365,7 +2371,7 @@
   margin: 0 auto 10px;
   padding: 0 18px;
   position: relative;
-  top: -50px;
+  top: 6px;
 }
 .e-rte-img-dialog.e-dialog.e-device.e-dlg-modal .e-img-uploadwrap.e-droparea .e-upload,
 .e-rte-img-dialog.e-dialog.e-device.e-dlg-modal .e-aud-uploadwrap.e-droparea .e-upload,

package/styles/fabric-lite.css

@@ -744,6 +744,12 @@
   display: inline;
   font-size: 14px;
 }
+.e-richtexteditor .e-rte-toolbar .e-toolbar-items .e-toolbar-item .e-rte-font-color.e-icons::before,
+.e-richtexteditor .e-rte-toolbar .e-toolbar-extended .e-toolbar-item .e-rte-font-color.e-icons::before,
+.e-richtexteditor .e-rte-toolbar.e-toolbar.e-extended-toolbar .e-toolbar-items .e-toolbar-item .e-rte-font-color.e-icons::before,
+.e-richtexteditor .e-rte-toolbar.e-toolbar.e-extended-toolbar .e-toolbar-extended .e-toolbar-item .e-rte-font-color.e-icons::before {
+  font-size: 14px;
+}
 .e-richtexteditor .e-rte-toolbar .e-toolbar-items .e-toolbar-item .e-tbar-btn .e-order-list.e-icons,
 .e-richtexteditor .e-rte-toolbar .e-toolbar-items .e-toolbar-item .e-tbar-btn .e-unorder-list.e-icons,
 .e-richtexteditor .e-rte-toolbar .e-toolbar-items .e-toolbar-item .e-tbar-btn .e-icons.e-btn-icon:not(.e-caret),
@@ -1930,7 +1936,7 @@
   padding: 1px 0;
 }
 .e-rte-quick-popup .e-rte-dropdown-btn.e-tbar-btn .e-rte-dropdown-btn-text {
-  font-weight: 500;
+  font-weight: normal;
   overflow: hidden;
   text-overflow: ellipsis;
   white-space: nowrap;
@@ -2365,7 +2371,7 @@
   margin: 0 auto 10px;
   padding: 0 18px;
   position: relative;
-  top: -50px;
+  top: 6px;
 }
 .e-rte-img-dialog.e-dialog.e-device.e-dlg-modal .e-img-uploadwrap.e-droparea .e-upload,
 .e-rte-img-dialog.e-dialog.e-device.e-dlg-modal .e-aud-uploadwrap.e-droparea .e-upload,