@syncfusion/ej2-richtexteditor 28.1.33 → 28.1.36

package/dist/global/index.d.ts

@@ -1,12 +1,3 @@
-/*!
-*  filename: index.d.ts
-*  version : 28.1.33
-*  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
-*  licensing@syncfusion.com. Any infringement will be prosecuted under
-*  applicable laws. 
-*/
 import * as _richtexteditor from '@syncfusion/ej2-richtexteditor';
 
 export declare namespace ej {

package/package.json

@@ -1,8 +1,8 @@
 {
   "_from": "@syncfusion/ej2-richtexteditor@*",
-  "_id": "@syncfusion/ej2-richtexteditor@27.1.48",
+  "_id": "@syncfusion/ej2-richtexteditor@28.1.35",
   "_inBundle": false,
-  "_integrity": "sha512-T9qFUk37+sl9koK+SABBkbrMJFiPfT70OJhJNNIxYSEtNT0vOkCooVzqovkSujCfoW1fbQqi6xqjV7JwRWaw/w==",
+  "_integrity": "sha512-XvS4tdC4fw6B2RrZWOcdktXuzzA+1XNL32OGM1vKqgvcAte4gUtd264fj3Je7wpBZuDMIousyIwqzwc4rNiXhg==",
   "_location": "/@syncfusion/ej2-richtexteditor",
   "_phantomChildren": {},
   "_requested": {
@@ -18,15 +18,14 @@
   },
   "_requiredBy": [
     "/",
-    "/@syncfusion/ej2",
     "/@syncfusion/ej2-angular-richtexteditor",
     "/@syncfusion/ej2-gantt",
     "/@syncfusion/ej2-inplace-editor",
     "/@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.35.tgz",
+  "_shasum": "17c9393fda07e06cd70a77fac38a567ea35ca990",
   "_spec": "@syncfusion/ej2-richtexteditor@*",
   "_where": "/jenkins/workspace/elease-automation_release_28.1.1/packages/included",
   "author": {
@@ -38,11 +37,11 @@
   "bundleDependencies": false,
   "dependencies": {
     "@syncfusion/ej2-base": "~28.1.33",
-    "@syncfusion/ej2-buttons": "~28.1.33",
-    "@syncfusion/ej2-dropdowns": "~28.1.33",
-    "@syncfusion/ej2-filemanager": "~28.1.33",
+    "@syncfusion/ej2-buttons": "~28.1.36",
+    "@syncfusion/ej2-dropdowns": "~28.1.36",
+    "@syncfusion/ej2-filemanager": "~28.1.36",
     "@syncfusion/ej2-inputs": "~28.1.33",
-    "@syncfusion/ej2-navigations": "~28.1.33",
+    "@syncfusion/ej2-navigations": "~28.1.36",
     "@syncfusion/ej2-popups": "~28.1.33",
     "@syncfusion/ej2-splitbuttons": "~28.1.33"
   },
@@ -80,6 +79,6 @@
     "url": "git+https://github.com/syncfusion/ej2-javascript-ui-controls.git"
   },
   "typings": "index.d.ts",
-  "version": "28.1.33",
+  "version": "28.1.36",
   "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/editor-manager/plugin/link.js

@@ -190,6 +190,7 @@ var LinkCommand = /** @class */ (function () {
             if (child && child.length === 1) {
                 e.item.selection.startContainer = e.item.selection.getNodeArray(child[child.length - 1], true);
                 e.item.selection.endContainer = e.item.selection.startContainer;
+                e.item.selection.endOffset = child[child.length - 1].textContent.length;
             }
             e.item.selection = this.parent.domNode.saveMarker(e.item.selection);
         }

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

@@ -189,7 +189,8 @@ var MsWordPaste = /** @class */ (function () {
                 imgElem[i].getAttribute('v:shapes').indexOf('Graphic') < 0 &&
                 imgElem[i].getAttribute('v:shapes').indexOf('_x0000_s') < 0 &&
                 imgElem[i].getAttribute('v:shapes').indexOf('_x0000_i') < 0 &&
-                imgElem[i].getAttribute('v:shapes').indexOf('img1') < 0) {
+                imgElem[i].getAttribute('v:shapes').indexOf('img1') < 0 &&
+                imgElem[i].getAttribute('v:shapes').indexOf('Immagine') < 0) {
                 imgElem[i].classList.add('e-rte-image-unsupported');
             }
             imgElem[i].removeAttribute('v:shapes');
@@ -203,7 +204,8 @@ var MsWordPaste = /** @class */ (function () {
         if (imgElem.length > 0) {
             for (var i = 0; i < imgElem.length; i++) {
                 imgSrc.push(imgElem[i].getAttribute('src'));
-                imgName.push(imgElem[i].getAttribute('src').split('/')[imgElem[i].getAttribute('src').split('/').length - 1].split('.')[0]);
+                var imageName = imgElem[i].getAttribute('src').split('/')[imgElem[i].getAttribute('src').split('/').length - 1].split('.')[0] + i;
+                imgName.push(imageName);
             }
             var hexValue = this.hexConversion(rtfData);
             for (var i = 0; i < hexValue.length; i++) {

package/src/rich-text-editor/actions/enter-key.js

@@ -173,7 +173,14 @@ var EnterKeyAction = /** @class */ (function () {
                                 var isMediaNode = false; // To check the image audio and video node cases
                                 var isFocusedFirst = false;
                                 var parentElement = _this.range.startContainer.parentElement;
-                                var isPreWrapApplied = parentElement ? _this.parent.contentModule.getDocument().defaultView.getComputedStyle(parentElement, null).getPropertyValue('white-space') === 'pre-wrap' : false;
+                                var isPreWrapApplied = false;
+                                var isTextWrapApplied = false;
+                                if (parentElement) {
+                                    // eslint-disable-next-line max-len
+                                    var computedStyle = _this.parent.contentModule.getDocument().defaultView.getComputedStyle(parentElement);
+                                    isPreWrapApplied = computedStyle.getPropertyValue('white-space') === 'pre-wrap';
+                                    isTextWrapApplied = computedStyle.getPropertyValue('text-wrap') === 'nowrap';
+                                }
                                 if (_this.range.startOffset !== 0 && _this.range.endOffset !== 0 &&
                                     _this.range.startContainer === _this.range.endContainer && !(!isNOU(nearBlockNode.childNodes[0])
                                     && (nearBlockNode.childNodes[0].nodeName === 'IMG' || nearBlockNode.querySelectorAll('img, audio, video').length > 0))) {
@@ -183,9 +190,9 @@ var EnterKeyAction = /** @class */ (function () {
                                     var isSplitTextEmpty = splitFirstText.trim().length === 0;
                                     var hasContentAfterCursor = startNodeText.slice(_this.range.startOffset).trim().length !== 0;
                                     var isCursorAtStartNonPreWrap = lastCharBeforeCursor !== 160
-                                        && isSplitTextEmpty && !isPreWrapApplied;
+                                        && isSplitTextEmpty && !isPreWrapApplied && !isTextWrapApplied;
                                     var isCursorAtStartPreWrapWithContent = lastCharBeforeCursor === 32
-                                        && isPreWrapApplied && isSplitTextEmpty && hasContentAfterCursor;
+                                        && (isPreWrapApplied || isTextWrapApplied) && isSplitTextEmpty && hasContentAfterCursor;
                                     if (isCursorAtStartNonPreWrap || isCursorAtStartPreWrapWithContent) {
                                         isFocusedFirst = true;
                                     }

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

@@ -476,8 +476,20 @@ var PasteCleanup = /** @class */ (function () {
             this.parent.trigger(events.imageUploadSuccess, e, function (e) {
                 if (!isNullOrUndefined(_this.parent.insertImageSettings.path)) {
                     var url = _this.parent.insertImageSettings.path + e.file.name;
-                    imgElem.src = url;
-                    imgElem.setAttribute('alt', e.file.name);
+                    if (!_this.parent.inputElement.contains(imgElem)) {
+                        var imgHtmlElems = _this.parent.inputElement.querySelectorAll('#' + imgElem.id);
+                        for (var i = 0; i < imgHtmlElems.length; i++) {
+                            var imgHtmlElem = imgHtmlElems[i];
+                            if (imgHtmlElem && imgHtmlElem.style && imgHtmlElem.style.opacity === '0.5') {
+                                imgHtmlElem.src = url;
+                                imgHtmlElem.setAttribute('alt', e.file.name);
+                            }
+                        }
+                    }
+                    else {
+                        imgElem.src = url;
+                        imgElem.setAttribute('alt', e.file.name);
+                    }
                 }
             });
         }
@@ -490,7 +502,18 @@ var PasteCleanup = /** @class */ (function () {
         }
         this.popupCloseTime = setTimeout(function () {
             popupObj.close();
-            imgElem.style.opacity = '1';
+            if (!_this.parent.inputElement.contains(imgElem)) {
+                var imgHtmlElems = _this.parent.inputElement.querySelectorAll('#' + imgElem.id);
+                for (var i = 0; i < imgHtmlElems.length; i++) {
+                    var imgHtmlElem = imgHtmlElems[i];
+                    if (imgHtmlElem && imgHtmlElem.style && imgHtmlElem.style.opacity === '0.5') {
+                        imgHtmlElem.style.opacity = '1';
+                    }
+                }
+            }
+            else {
+                imgElem.style.opacity = '1';
+            }
             _this.toolbarEnableDisable(false);
             if (uploadObj && document.body.contains(uploadObj.element)) {
                 uploadObj.destroy();

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;
     };
@@ -643,11 +649,10 @@ var ToolbarRenderer = /** @class */ (function () {
             enableRtl: this.parent.enableRtl,
             inline: true,
             value: null,
-            cssClass: ((item === 'backgroundcolor') ? CLS_BACKGROUND_COLOR_PICKER : CLS_FONT_COLOR_PICKER) + ' ' + args.cssClass + ' ' + 'e-rte-picker-init',
+            cssClass: ((item === 'backgroundcolor') ? CLS_BACKGROUND_COLOR_PICKER : CLS_FONT_COLOR_PICKER) + ' ' + args.cssClass,
             created: function () {
                 var value = (item === 'backgroundcolor') ? proxy.parent.backgroundColor.default : proxy.parent.fontColor.default;
-                var cssClass = ((item === 'backgroundcolor') ? CLS_BACKGROUND_COLOR_PICKER : CLS_FONT_COLOR_PICKER) + ' ' + args.cssClass;
-                colorPicker.setProperties({ value: value, cssClass: cssClass });
+                colorPicker.setProperties({ value: value });
             },
             mode: ((item === 'backgroundcolor') ? proxy.parent.backgroundColor.mode : proxy.parent.fontColor.mode),
             modeSwitcher: ((item === 'backgroundcolor') ? proxy.parent.backgroundColor.modeSwitcher : proxy.parent.fontColor.modeSwitcher),

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,