@syncfusion/ej2-richtexteditor 19.3.57 → 19.4.38

package/dist/global/index.d.ts

@@ -1,6 +1,6 @@
 /*!
 *  filename: index.d.ts
-*  version : 19.3.57
+*  version : 19.4.38
 *  Copyright Syncfusion Inc. 2001 - 2020. 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@19.3.55",
+  "_id": "@syncfusion/ej2-richtexteditor@19.6.6",
   "_inBundle": false,
-  "_integrity": "sha512-D/DsRzXeFfRt5Dpl70MOKjgCZWbAvgLyeukh+TFdyGjtKeX3+QOcYK+UqdvSmOnjU1K006D1qL8HAWJJ+qko8w==",
+  "_integrity": "sha512-uncQep0ZOydM3T6cla1v6NPW+D3IJjBR0JtvsXnb+C9jvkuTDrBNbWxxSxihsJyky8cS6rWZ16Jy6wJ/p/iGKw==",
   "_location": "/@syncfusion/ej2-richtexteditor",
   "_phantomChildren": {},
   "_requested": {
@@ -26,8 +26,8 @@
     "/@syncfusion/ej2-react-richtexteditor",
     "/@syncfusion/ej2-vue-richtexteditor"
   ],
-  "_resolved": "http://nexus.syncfusion.com/repository/ej2-hotfix-new/@syncfusion/ej2-richtexteditor/-/ej2-richtexteditor-19.3.55.tgz",
-  "_shasum": "a67a4621ca30dd75181f6d3bf53341c29b0d0e0c",
+  "_resolved": "http://nexus.syncfusion.com/repository/ej2-release/@syncfusion/ej2-richtexteditor/-/ej2-richtexteditor-19.6.6.tgz",
+  "_shasum": "f37bd7060f4824a57ea76890150294d3815cb56c",
   "_spec": "@syncfusion/ej2-richtexteditor@*",
   "_where": "/jenkins/workspace/automation_release_19.1.0.1-ZPMUBNQ6AUYH6YGEFBPVYMEQLRRW2SLD4XCZ6GATNZJFYJ3RIAOA/packages/included",
   "author": {
@@ -38,13 +38,13 @@
   },
   "bundleDependencies": false,
   "dependencies": {
-    "@syncfusion/ej2-base": "~19.3.56",
-    "@syncfusion/ej2-buttons": "~19.3.53",
-    "@syncfusion/ej2-filemanager": "~19.3.55",
-    "@syncfusion/ej2-inputs": "~19.3.57",
-    "@syncfusion/ej2-navigations": "~19.3.57",
-    "@syncfusion/ej2-popups": "~19.3.57",
-    "@syncfusion/ej2-splitbuttons": "~19.3.53"
+    "@syncfusion/ej2-base": "~19.4.38",
+    "@syncfusion/ej2-buttons": "~19.4.38",
+    "@syncfusion/ej2-filemanager": "~19.4.38",
+    "@syncfusion/ej2-inputs": "~19.4.38",
+    "@syncfusion/ej2-navigations": "~19.4.38",
+    "@syncfusion/ej2-popups": "~19.4.38",
+    "@syncfusion/ej2-splitbuttons": "~19.4.38"
   },
   "deprecated": false,
   "description": "Essential JS 2 RichTextEditor component",
@@ -70,6 +70,6 @@
     "url": "git+https://github.com/syncfusion/ej2-javascript-ui-controls.git"
   },
   "typings": "index.d.ts",
-  "version": "19.3.57",
+  "version": "19.4.38",
   "sideEffects": false
 }

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

@@ -46,7 +46,7 @@ var MsWordPaste = /** @class */ (function () {
         this.parent.observer.on(EVENTS.MS_WORD_CLEANUP_PLUGIN, this.wordCleanup, this);
     };
     MsWordPaste.prototype.wordCleanup = function (e) {
-        var wordPasteStyleConfig = e.allowedStylePropertiesArray;
+        var wordPasteStyleConfig = !isNOU(e.allowedStylePropertiesArray) ? e.allowedStylePropertiesArray : [];
         var listNodes = [];
         var tempHTMLContent = e.args.clipboardData.getData('text/HTML');
         var rtfData = e.args.clipboardData.getData('text/rtf');

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

@@ -1,4 +1,4 @@
-import { debounce, isNullOrUndefined } from '@syncfusion/ej2-base';
+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';
@@ -96,6 +96,15 @@ var UndoRedoManager = /** @class */ (function () {
      */
     UndoRedoManager.prototype.saveData = function (e) {
         var range = new NodeSelection().getRange(this.parent.currentDocument);
+        var currentContainer = range.startContainer;
+        for (var i = currentContainer.childNodes.length - 1; i >= 0; i--) {
+            if (!isNullOrUndefined(currentContainer.childNodes[i]) && currentContainer.childNodes[i].nodeName === '#text' &&
+                currentContainer.childNodes[i].textContent.length === 0 && currentContainer.childNodes[i].nodeName !== 'IMG' &&
+                currentContainer.childNodes[i].nodeName !== 'BR' && currentContainer.childNodes[i].nodeName && 'HR') {
+                detach(currentContainer.childNodes[i]);
+            }
+        }
+        range = new NodeSelection().getRange(this.parent.currentDocument);
         var save = new NodeSelection().save(range, this.parent.currentDocument);
         var htmlText = this.parent.editableElement.innerHTML;
         var changEle = { text: htmlText, range: save };

package/src/rich-text-editor/actions/dropdown-buttons.js

@@ -206,11 +206,6 @@ var DropDownButtons = /** @class */ (function () {
             var prop = _a[_i];
             switch (prop) {
                 case 'fontFamily':
-                    if (this.parent.inlineMode.enable) {
-                        if (!isNullOrUndefined(this.parent.fontFamily.default)) {
-                            this.getEditNode().style.fontFamily = this.parent.fontFamily.default;
-                        }
-                    }
                     if (this.fontNameDropDown) {
                         for (var _b = 0, _c = Object.keys(newProp.fontFamily); _b < _c.length; _b++) {
                             var fontFamily = _c[_b];
@@ -242,11 +237,6 @@ var DropDownButtons = /** @class */ (function () {
                     }
                     break;
                 case 'fontSize':
-                    if (this.parent.inlineMode) {
-                        if (!isNullOrUndefined(this.parent.fontSize.default)) {
-                            this.getEditNode().style.fontSize = this.parent.fontSize.default;
-                        }
-                    }
                     if (this.fontSizeDropDown) {
                         for (var _d = 0, _e = Object.keys(newProp.fontSize); _d < _e.length; _d++) {
                             var fontSize = _e[_d];

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

@@ -29,9 +29,20 @@ var EnterKeyAction = /** @class */ (function () {
     EnterKeyAction.prototype.enterHandler = function (e) {
         var _this = this;
         this.getRangeNode();
+        var isTableEnter = true;
+        if (!isNOU(this.startNode.closest('TABLE')) && !isNOU(this.endNode.closest('TABLE'))) {
+            isTableEnter = false;
+            var curElement = this.startNode;
+            var blockElement = curElement;
+            while (!this.parent.formatter.editorManager.domNode.isBlockNode(curElement)) {
+                blockElement = curElement;
+                curElement = curElement.parentElement;
+            }
+            isTableEnter = blockElement.tagName === 'TD' ? false : true;
+        }
         if (e.args.which === 13 && e.args.code === 'Enter') {
-            if (isNOU(this.startNode.closest('LI')) && isNOU(this.endNode.closest('LI')) && isNOU(this.startNode.closest('TABLE')) &&
-                isNOU(this.endNode.closest('TABLE')) && isNOU(this.startNode.closest('PRE')) && isNOU(this.endNode.closest('PRE'))) {
+            if (isNOU(this.startNode.closest('LI')) && isNOU(this.endNode.closest('LI')) && isTableEnter &&
+                isNOU(this.startNode.closest('PRE')) && isNOU(this.endNode.closest('PRE'))) {
                 var shiftKey_1 = e.args.shiftKey;
                 var actionBeginArgs = {
                     cancel: false,
@@ -92,10 +103,29 @@ var EnterKeyAction = /** @class */ (function () {
                         if ((_this.parent.enterKey === 'P' && !shiftKey_1) || (_this.parent.enterKey === 'DIV' && !shiftKey_1) ||
                             (_this.parent.shiftEnterKey === 'P' && shiftKey_1) ||
                             (_this.parent.shiftEnterKey === 'DIV' && shiftKey_1)) {
-                            var nearBlockNode = _this.parent.formatter.editorManager.domNode.blockParentNode(_this.startNode);
+                            var nearBlockNode = void 0;
+                            if (isTableEnter && _this.parent.formatter.editorManager.domNode.isBlockNode(_this.startNode)) {
+                                nearBlockNode = _this.startNode;
+                            }
+                            else {
+                                nearBlockNode = _this.parent.formatter.editorManager.domNode.blockParentNode(_this.startNode);
+                            }
                             var isImageNode = false;
-                            if (_this.range.startOffset === 0 && _this.range.endOffset === 0 && !(!isNOU(_this.range.startContainer.previousSibling) &&
-                                (_this.range.startContainer.previousSibling.nodeName === 'IMG' || _this.range.startContainer.previousSibling.nodeName === 'BR'))) {
+                            var isFocusedFirst = false;
+                            if (_this.range.startOffset != 0 && _this.range.endOffset != 0 && _this.range.startContainer === _this.range.endContainer &&
+                                !(!isNOU(nearBlockNode.childNodes[0]) && nearBlockNode.childNodes[0].nodeName === 'IMG')) {
+                                var startNodeText = _this.range.startContainer.textContent;
+                                var splitFirstText = startNodeText.substring(0, _this.range.startOffset);
+                                if (splitFirstText.charCodeAt(_this.range.startOffset - 1) != 160 && splitFirstText.trim().length === 0) {
+                                    isFocusedFirst = true;
+                                }
+                            }
+                            else if (_this.range.startOffset === 0 && _this.range.endOffset === 0) {
+                                isFocusedFirst = true;
+                            }
+                            if (((_this.range.startOffset === 0 && _this.range.endOffset === 0) || isFocusedFirst) &&
+                                !(!isNOU(_this.range.startContainer.previousSibling) &&
+                                    (_this.range.startContainer.previousSibling.nodeName === 'IMG' || _this.range.startContainer.previousSibling.nodeName === 'BR'))) {
                                 var isNearBlockLengthZero = void 0;
                                 var newElem = void 0;
                                 if (_this.range.startContainer.nodeName === 'IMG') {
@@ -104,7 +134,7 @@ var EnterKeyAction = /** @class */ (function () {
                                     isNearBlockLengthZero = false;
                                 }
                                 else {
-                                    if (nearBlockNode.textContent.length !== 0) {
+                                    if (nearBlockNode.textContent.trim().length !== 0) {
                                         newElem = _this.parent.formatter.editorManager.nodeCutter.SplitNode(_this.range, nearBlockNode, false).cloneNode(true);
                                         isNearBlockLengthZero = false;
                                     }
@@ -153,7 +183,18 @@ var EnterKeyAction = /** @class */ (function () {
                                 }
                                 if (newElem.textContent.trim().length === 0) {
                                     var brElm = _this.parent.createElement('br');
-                                    _this.startNode.appendChild(brElm);
+                                    if (_this.startNode.nodeName === 'A') {
+                                        var startParentElem = _this.startNode.parentElement;
+                                        _this.startNode.parentElement.insertBefore(brElm, _this.startNode);
+                                        detach(_this.startNode);
+                                        _this.startNode = startParentElem;
+                                    }
+                                    else {
+                                        _this.startNode.appendChild(brElm);
+                                    }
+                                    if (newElem.childNodes[0].textContent === '\n') {
+                                        detach(newElem.childNodes[0]);
+                                    }
                                     _this.parent.formatter.editorManager.nodeSelection.setCursorPoint(_this.parent.contentModule.getDocument(), _this.startNode, 0);
                                 }
                                 if (((_this.parent.enterKey === 'P' || _this.parent.enterKey === 'DIV') && !shiftKey_1) || ((_this.parent.shiftEnterKey === 'DIV' ||
@@ -164,7 +205,8 @@ var EnterKeyAction = /** @class */ (function () {
                                     }
                                     _this.parent.formatter.editorManager.domNode.insertAfter(insertElm, newElem);
                                     detach(newElem);
-                                    _this.parent.formatter.editorManager.nodeSelection.setCursorPoint(_this.parent.contentModule.getDocument(), _this.parent.formatter.editorManager.domNode.isBlockNode(_this.startNode) ? insertElm : _this.startNode, 0);
+                                    _this.parent.formatter.editorManager.nodeSelection.setCursorPoint(_this.parent.contentModule.getDocument(), _this.parent.formatter.editorManager.domNode.isBlockNode(_this.startNode) ?
+                                        insertElm : _this.startNode, 0);
                                 }
                             }
                             e.args.preventDefault();

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

@@ -149,7 +149,7 @@ var HtmlEditor = /** @class */ (function () {
             e.args.action === 'enter' ||
             e.args.keyCode === 13) {
             this.spaceLink(e.args);
-            if (this.parent.editorMode === 'HTML') {
+            if (this.parent.editorMode === 'HTML' && !this.parent.readonly) {
                 this.parent.notify(events.enterHandler, { args: e.args });
             }
         }

package/src/rich-text-editor/actions/xhtml-validation.js

@@ -29,7 +29,7 @@ var XhtmlValidation = /** @class */ (function () {
             this.ImageTags();
             this.removeTags();
             this.RemoveUnsupported();
-            this.currentElement.innerHTML = this.selfEncloseValidation(this.currentElement.innerHTML, this.currentElement.innerText === '\n' ?
+            this.currentElement.innerHTML = this.selfEncloseValidation(this.currentElement.innerHTML, this.currentElement.innerText === "\n" ?
                 this.currentElement.innerText.length : this.currentElement.innerText.trim().length);
             this.parent.setProperties({ value: this.currentElement.innerHTML }, true);
         }

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

@@ -1431,7 +1431,7 @@ var RichTextEditor = /** @class */ (function (_super) {
                 this.setProperties({ value: this.valueTemplate });
             }
             else {
-                var compiledTemplate = compile(this.valueTemplate)('', this, 'valueTemplate');
+                var compiledTemplate = compile(this.valueTemplate)("", this, 'valueTemplate');
                 for (var i = 0; i < compiledTemplate.length; i++) {
                     var item = compiledTemplate[i];
                     append([item], this.element);

package/styles/rich-text-editor/_fluent-definition.scss

@@ -0,0 +1,168 @@
+$skin-name: 'FluentUI' !default;
+//Layout Variables Start
+$rte-border-size: 1px !default;
+$rte-2px-border-size: 2px !default;
+$rte-border-type: solid !default;
+$rte-list-btn-flex: column !default;
+$rte-list-btn-line-height: 1 !default;
+$rte-split-btn-line-height: 41px !default;
+$rte-big-split-btn-line-height: 50px !default;
+$rte-big-quick-item-btn-width: 39px !default;
+$rte-quick-item-btn-width: 27px !default;
+$rte-big-quick-item-btn-height: 34px !default;
+$rte-quick-item-btn-height: 26px !default;
+$rte-big-quick-item-padding: 0 !default;
+$rte-quick-item-padding: 0 !default;
+$rte-quick-item-icon-min-width: 20px !default;
+$rte-big-quick-item-line-height: $leading-normal !default;
+$rte-content-padding: 24px !default;
+$rte-toolbar-icon-size: $text-base !default;
+$rte-toolbar-big-icon-size: $text-lg !default;
+$rte-big-quick-drop-btn-line-height: 33px !default;
+$rte-quick-drop-btn-line-height: 24px !default;
+$rte-big-quick-drop-btn-margin: 4px 0 !default;
+$rte-quick-drop-btn-margin: 4px 0 !default;
+$rte-big-quick-drop-btn-padding: 0 !default;
+$rte-quick-drop-btn-padding: 1px 0 !default;
+$rte-big-quick-drop-btn-icon-size: 16px !default;
+$rte-quick-drop-btn-icon-size: 14px !default;
+$rte-big-quick-drop-btn-caret-icon-size: 10px !default;
+$rte-quick-drop-btn-caret-icon-size: 12px !default;
+$rte-big-quick-drop-btn-caret-font-size: 12px !default;
+$rte-quick-drop-btn-caret-font-size: 10px !default;
+$rte-big-tb-items-margin-left: 8px !default;
+$rte-tb-items-margin-left: 8px !default;
+$rte-big-tb-items-padding-left: 8px !default;
+$rte-tb-items-padding-left: 8px !default;
+$rte-active-tb-item-btn-padding: 0 !default;
+$rte-split-btn-bar-size: 0 !default;
+$rte-split-btn-active-color-icon-line-height: 30px !default;
+$rte-big-split-btn-active-color-icon-line-height: 37px !default;
+$rte-format-btn-min-width: 72px !default;
+$rte-font-name-btn-min-width: 0 !default;
+$rte-font-size-btn-min-width: 37px !default;
+$rte-drop-btn-padding-left: 7px !default;
+$dropdown-btn-font-size: $text-sm;
+$dropdown-btn-big-font-size: $text-base;
+$rte-drop-btn-padding-right: 7px !default;
+$rte-drop-btn-action-padding-left: 7px !default;
+$rte-drop-btn-action-padding-right: 7px !default;
+$rte-big-drop-btn-padding-left: 10px !default;
+$rte-big-drop-btn-padding-right: 6px !default;
+$rte-big-drop-btn-action-padding-left: 10px !default;
+$rte-big-drop-btn-action-padding-right: 6px !default;
+$rte-colorpicker-parent-padding: 0 !default;
+$rte-colorpicker-parent-padding-hover: 0 !default;
+$rte-colorpicker-parent-padding-active-hover: 0 !default;
+$rte-font-icon-width: 30px !default;
+$rte-font-arrow-width: 18px !default;
+$rte-font-arrow-touch-width: 20px !default;
+$rte-font-icon-line-height: $leading-tight !default;
+$rte-placeholder-line-height: $leading-normal !default;
+$rte-big-active-tb-item-btn-padding: 0 6px !default;
+$rte-table-popup-padding: 10px !default;
+$rte-insert-dialog-label-padding-top: 12px !default;
+$rte-insert-dialog-label-padding-bottom: 12px !default;
+$rte-big-quick-tbar-item-min-height: 34px !default;
+$rte-big-quick-tbar-item-min-width: 39px !default;
+$rte-content-font-size: $text-sm !default;
+$rte-dropdown-caret-icon-size: $text-xs !default;
+$rte-big-dropdown-caret-icon-size: $text-sm !default;
+$font-weight: $font-weight-normal !default;
+$rte-table-popup-bdr-radius: 0 !default;
+$rte-resize-handler-width: 15px;
+$rte-resize-handler-height: 15px;
+$rte-resize-handler-position: 0;
+$rte-big-inline-tmp-min-width: 48px;
+$rte-inline-tmp-min-width: 55px;
+$rte-big-inline-tmp-size-min-width: 59px;
+$rte-inline-tmp-size-min-width: 66px;
+$rte-big-inline-tmp-color-min-width: 50px;
+$rte-inline-tmp-color-min-width: 55px;
+$rte-big-color-list-span-common-padding-left-right: 0;
+//Layout Variables End
+
+//Theme Variables Start
+$rte-split-btn-active-border: 0 !default;
+$rte-border-color: $border-light !default;
+$rte-content-bg: $content-bg-color !default;
+$rte-full-screen-bg: $content-bg-color !default;
+$rte-content-font-color: $content-text-color !default;
+$rte-item-color: $icon-color !default;
+$rte-icons-color: $icon-color !default;
+$rte-img-popup-border: 1px solid $border-light !default;
+$rte-img-popup-box-shadow: $shadow-lg !default;
+$rte-img-popup-color: $border-light !default;
+$rte-quick-item-active-bg: $content-bg-color-alt5 !default;
+$rte-quick-item-active-font-color: $icon-color !default;
+$rte-quick-item-border: 0 !default;
+$rte-quick-item-hover-border-color: $content-bg-color-alt4 !default;
+$rte-quick-item-active-border-color: $secondary-border-color-pressed !default;
+$rte-quick-drop-btn-border-color: $content-bg-color-alt2 !default;
+$rte-quick-drop-btn-hover-border-color: $content-bg-color-alt4 !default;
+$rte-extended-toolbar-background: $content-bg-color-alt2 !default;
+$rte-quick-pop-border: none !default;
+$rte-quick-tb-border: 1px solid $border-light !default;
+$rte-quick-pop-bg: $content-bg-color-alt2 !default;
+$rte-quick-vr-line-color: $border-light !default;
+$rte-quick-pop-shadow: $shadow-sm !default;
+$rte-quick-pop-item-focus-bg: $content-bg-color-alt4 !default;
+$rte-quick-tb-btn-hover: $content-bg-color-alt4 !default;
+$rte-tb-item-active-bg: $content-bg-color-alt5 !default;
+$rte-tb-active-font-color: $icon-color !default;
+$rte-tb-item-active-border: 1px solid $secondary-border-color-pressed !default;
+$rte-expand-tb-border-bottom: $rte-border-size $rte-border-type $border-light !default;
+$rte-color-picker-active-bg: inherit !default;
+$rte-drop-btn-active-bg: $secondary-bg-color-pressed !default;
+$rte-drop-btn-active-color: $icon-color !default;
+$rte-drop-btn-active-border-color: $secondary-border-color-pressed !default;
+$rte-split-btn-active-hover-font-color: $icon-color !default;
+$rte-split-btn-color: $secondary-bg-color-pressed !default;
+$rte-split-btn-active-color: $icon-color !default;
+$rte-split-btn-hover-bg: $content-bg-color-alt3 !default;
+$rte-split-btn-active-bg: $content-bg-color-alt5 !default;
+$rte-split-btn-span-hover-bg: $content-bg-color-alt3 !default;
+$rte-split-btn-span-focus-bg: $content-bg-color-alt3 !default;
+$rte-split-btn-span-active-bg: $content-bg-color-alt5 !default;
+$rte-split-btn-bar-bg: $content-bg-color !default;
+$rte-split-btn-active-bar-bg: $content-bg-color !default;
+$rte-split-btn-bar-size: 0 !default;
+$rte-split-btn-active-border: 0 !default;
+$rte-split-btn-active-color-icon-line-height: 30px !default;
+$rte-big-split-btn-active-color-icon-line-height: 38px !default;
+
+$rte-link-valid-color: $danger !default;
+$rte-upload-drag-border-clr: $border-dark !default;
+$rte-img-header-clr: $content-text-color  !default;
+$rte-drop-text-clr: $content-text-color-alt2 !default;
+$rte-default-character-count-color: $content-text-color-disabled !default;
+$rte-warning-character-count-color: $warning  !default;
+$rte-error-character-count-color: $danger !default;
+$rte-img-border: dashed 2px $primary !default;
+$rte-font-family: $font-family !default;
+$rte-content-color: $content-text-color !default;
+$rte-content-blockquote-border-left-color: solid 2px $content-text-color !default;
+$rte-dropdown-selection-bgcolor: $secondary-bg-color-pressed !default;
+$rte-ext-tbar-overlay-icons-color: $icon-color-disabled !default;
+$rte-overlay-color: $overlay-bg-color !default;
+$rte-dropdown-selection-color: $secondary-text-color-pressed !default;
+$rte-anchor-color: $primary !default;
+$rte-ext-tbar-overlay-dropdown-color: $content-bg-color-alt4  !default;
+$rte-img-resize-back-color: $primary !default;
+$rte-img-resize-color: $primary-text-color !default;
+$rte-table-header-color: $content-text-color-alt2 !default;
+$rte-table-span-bg-color: $flyout-bg-color !default;
+$rte-table-span-border: 1px solid $flyout-border !default;
+$rte-table-span-active-bg-color: $primary-lighter !default;
+$rte-table-span-active-border-color: $primary !default;
+$rte-table-select-border-color: $primary !default;
+$rte-table-popup-bg: $flyout-bg-color !default;
+$rte-table-popup-color: $flyout-border !default;
+$rte-table-popup-box: $shadow-lg !default;
+$rte-table-border-color: $border-light !default;
+$rte-table-alternate-color: $content-bg-color-alt1 !default;
+$rte-table-header-bg: $content-bg-color-alt1 !default;
+//Theme Variables End
+
+$rte-tb-hover-font-color: $secondary-text-color-hover;
+$transparent: $transparent;

package/styles/rich-text-editor/_layout.scss

@@ -194,7 +194,7 @@
             }
 
             .e-rte-dropdown-btn-text {
-              @if $skin-name == 'tailwind' or $skin-name == 'bootstrap5' {
+              @if $skin-name == 'tailwind' or $skin-name == 'bootstrap5' or $skin-name == 'FluentUI' {
                 font-size: $dropdown-btn-font-size;
               }
               font-weight: $font-weight;