@syncfusion/ej2-richtexteditor 23.2.7 → 24.1.41

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

@@ -64,6 +64,8 @@ export declare class PasteCleanup {
     private removeTempClass;
     private sanitizeHelper;
     private plainFormatting;
+    private removingComments;
+    private reframeToBrContent;
     private getTextContent;
     private detachInlineElements;
     private findDetachEmptyElem;

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

@@ -66,6 +66,7 @@ var PasteCleanup = /** @class */ (function () {
             event: e
         };
         var value = null;
+        var isClipboardHTMLDataNull = false;
         var imageproperties;
         if (e.args && !isNOU(e.args.clipboardData)) {
             value = e.args.clipboardData.getData('text/html');
@@ -104,6 +105,7 @@ var PasteCleanup = /** @class */ (function () {
                     var divElement = this.parent.createElement('div');
                     divElement.innerHTML = this.splitBreakLine(value);
                     value = divElement.innerHTML;
+                    isClipboardHTMLDataNull = true;
                 }
             }
             else if (value.length > 0) {
@@ -125,10 +127,13 @@ var PasteCleanup = /** @class */ (function () {
             tempDivElem.innerHTML = value;
             var isValueNotEmpty = tempDivElem.textContent !== '' || !isNOU(tempDivElem.querySelector('img')) ||
                 !isNOU(tempDivElem.querySelector('table'));
+            this.parent.trigger(events.cleanupResizeElements, { value: value }, function (args) {
+                value = args.value;
+            });
             if (this.parent.pasteCleanupSettings.prompt) {
                 if (isValueNotEmpty) {
                     e.args.preventDefault();
-                    this.pasteDialog(value, args);
+                    this.pasteDialog(value, args, isClipboardHTMLDataNull);
                 }
                 else if (Browser.userAgent.indexOf('Firefox') !== -1 && isNOU(file)) {
                     this.fireFoxImageUpload();
@@ -140,7 +145,7 @@ var PasteCleanup = /** @class */ (function () {
             }
             else if (this.parent.pasteCleanupSettings.plainText) {
                 e.args.preventDefault();
-                this.plainFormatting(value, args);
+                this.plainFormatting(value, args, isClipboardHTMLDataNull);
             }
             else if (this.parent.pasteCleanupSettings.keepFormat) {
                 e.args.preventDefault();
@@ -182,13 +187,17 @@ var PasteCleanup = /** @class */ (function () {
     PasteCleanup.prototype.splitBreakLine = function (value) {
         var enterSplitText = value.split('\n');
         var contentInnerElem = '';
+        var startNode = this.parent.enterKey === 'P' ? '<p>' : (this.parent.enterKey === 'DIV' ? '<div>' : '');
+        var endNode = this.parent.enterKey === 'P' ? '</p>' : (this.parent.enterKey === 'DIV' ? '</div>' : '<br>');
         for (var i = 0; i < enterSplitText.length; i++) {
             if (enterSplitText[i].trim() === '') {
                 contentInnerElem += getDefaultValue(this.parent);
             }
             else {
                 var contentWithSpace = this.makeSpace(enterSplitText[i]);
-                contentInnerElem += '<p>' + contentWithSpace.trim() + '</p>';
+                contentInnerElem += (i === 0 && this.parent.enterKey !== 'BR' ? '<span>' : startNode) +
+                    (contentWithSpace.trim() === '' ? '<br>' : contentWithSpace.trim()) +
+                    (enterSplitText.length - 1 === i && this.parent.enterKey === 'BR' ? '' : (i === 0 && this.parent.enterKey !== 'BR' ? '</span>' : endNode));
             }
         }
         return contentInnerElem;
@@ -457,10 +466,10 @@ var PasteCleanup = /** @class */ (function () {
         var range = this.nodeSelectionObj.getRange(currentDocument);
         this.saveSelection = this.nodeSelectionObj.save(range, currentDocument);
         if (this.parent.pasteCleanupSettings.prompt) {
-            this.pasteDialog(imageValue, pasteArgs);
+            this.pasteDialog(imageValue, pasteArgs, false);
         }
         else if (this.parent.pasteCleanupSettings.plainText) {
-            this.plainFormatting(imageValue, pasteArgs);
+            this.plainFormatting(imageValue, pasteArgs, false);
         }
         else if (this.parent.pasteCleanupSettings.keepFormat) {
             this.formatting(imageValue, false, pasteArgs);
@@ -484,7 +493,7 @@ var PasteCleanup = /** @class */ (function () {
         var plainTextElement = this.parent.element.querySelector('#plainTextFormat');
         this.plainTextRadioButton.appendTo(plainTextElement);
     };
-    PasteCleanup.prototype.selectFormatting = function (value, args, keepChecked, cleanChecked) {
+    PasteCleanup.prototype.selectFormatting = function (value, args, keepChecked, cleanChecked, isClipboardHTMLDataNull) {
         if (keepChecked) {
             this.formatting(value, false, args);
         }
@@ -492,10 +501,10 @@ var PasteCleanup = /** @class */ (function () {
             this.formatting(value, true, args);
         }
         else {
-            this.plainFormatting(value, args);
+            this.plainFormatting(value, args, isClipboardHTMLDataNull);
         }
     };
-    PasteCleanup.prototype.pasteDialog = function (value, args) {
+    PasteCleanup.prototype.pasteDialog = function (value, args, isClipboardHTMLDataNull) {
         var _this = this;
         var isHeight = false;
         var preRTEHeight = this.parent.height;
@@ -512,7 +521,7 @@ var PasteCleanup = /** @class */ (function () {
                             var argument = _this.dialogObj;
                             _this.dialogRenderObj.close(argument);
                             _this.dialogObj.destroy();
-                            _this.selectFormatting(value, args, keepChecked, cleanChecked);
+                            _this.selectFormatting(value, args, keepChecked, cleanChecked, isClipboardHTMLDataNull);
                         }
                     },
                     buttonModel: {
@@ -573,7 +582,7 @@ var PasteCleanup = /** @class */ (function () {
             isHeight = true;
         }
         this.dialogObj.show();
-        this.setCssClass({ cssClass: this.parent.cssClass });
+        this.setCssClass({ cssClass: this.parent.getCssClass() });
     };
     PasteCleanup.prototype.updateCss = function (currentObj, e) {
         if (currentObj && e.cssClass) {
@@ -786,7 +795,7 @@ var PasteCleanup = /** @class */ (function () {
         return value;
     };
     //Plain Formatting
-    PasteCleanup.prototype.plainFormatting = function (value, args) {
+    PasteCleanup.prototype.plainFormatting = function (value, args, isClipboardHTMLDataNull) {
         var _this = this;
         var clipBoardElem = this.parent.createElement('div', { className: 'pasteContent', styles: 'display:inline;' });
         clipBoardElem.innerHTML = value;
@@ -824,6 +833,13 @@ var PasteCleanup = /** @class */ (function () {
             this.saveSelection.restore();
             clipBoardElem.innerHTML = this.sanitizeHelper(clipBoardElem.innerHTML);
             this.addTempClass(clipBoardElem);
+            this.removingComments(clipBoardElem);
+            if (this.parent.enterKey === 'BR' && !isClipboardHTMLDataNull) {
+                clipBoardElem = this.reframeToBrContent(clipBoardElem);
+            }
+            else if (this.parent.enterKey === 'DIV') {
+                clipBoardElem.innerHTML = clipBoardElem.innerHTML.replace(/<p class="pasteContent_RTE">/g, '<div>').replace(/<\/p>/g, '</div>');
+            }
             this.parent.trigger(events.afterPasteCleanup, { value: clipBoardElem.innerHTML, filesData: null }, function (updatedArgs) { value = updatedArgs.value; });
             clipBoardElem.innerHTML = value;
             this.parent.formatter.editorManager.execCommand('inserthtml', 'pasteCleanup', args, function (returnArgs) {
@@ -838,6 +854,41 @@ var PasteCleanup = /** @class */ (function () {
             this.parent.formatter.onSuccess(this.parent, args);
         }
     };
+    PasteCleanup.prototype.removingComments = function (elm) {
+        var innerElement = elm.innerHTML;
+        innerElement = innerElement.replace(/<!--[\s\S]*?-->/g, '');
+        elm.innerHTML = innerElement;
+    };
+    PasteCleanup.prototype.reframeToBrContent = function (clipBoardElem) {
+        var newClipBoardElem = this.parent.createElement('div', { className: 'pasteContent', styles: 'display:inline;' });
+        while (!isNOU(clipBoardElem.firstChild)) {
+            var brElem = this.parent.createElement('br');
+            var currentFirstChild = clipBoardElem.firstChild;
+            if (currentFirstChild.nodeName === '#text') {
+                var isNextSibPresent = !isNOU(currentFirstChild.nextSibling);
+                newClipBoardElem.appendChild(currentFirstChild);
+                if (isNextSibPresent) {
+                    newClipBoardElem.appendChild(brElem);
+                }
+            }
+            else {
+                var isCurrentNodeBRElm = currentFirstChild.nodeName === 'BR';
+                if (isCurrentNodeBRElm) {
+                    newClipBoardElem.appendChild(currentFirstChild);
+                }
+                else {
+                    newClipBoardElem.appendChild(currentFirstChild.childNodes[0]);
+                }
+                if (!isNOU(currentFirstChild) && !isNOU(currentFirstChild.nextSibling)) {
+                    newClipBoardElem.appendChild(brElem);
+                }
+                if (!isCurrentNodeBRElm && !isNOU(currentFirstChild)) {
+                    detach(currentFirstChild);
+                }
+            }
+        }
+        return newClipBoardElem;
+    };
     PasteCleanup.prototype.getTextContent = function (clipBoardElem) {
         for (var i = 0; i < this.blockNode.length; i++) {
             var inElem = clipBoardElem.querySelectorAll(this.blockNode[i]);
@@ -885,14 +936,16 @@ var PasteCleanup = /** @class */ (function () {
         for (var i = 0; i < this.inlineNode.length; i++) {
             var inElem = clipBoardElem.querySelectorAll(this.inlineNode[i]);
             for (var j = 0; j < inElem.length; j++) {
-                var parElem = void 0;
-                for (var k = 0; k < inElem[j].childNodes.length; k++) {
-                    parElem = inElem[j].childNodes[k].parentElement;
-                    inElem[j].childNodes[k].parentElement.parentElement.insertBefore(inElem[j].childNodes[k], inElem[j].childNodes[k].parentElement);
-                    k--;
-                }
-                if (!isNOU(parElem)) {
-                    detach(parElem);
+                if (!(inElem[j] === clipBoardElem.firstChild && inElem[j].nodeName === 'SPAN')) {
+                    var parElem = void 0;
+                    for (var k = 0; k < inElem[j].childNodes.length; k++) {
+                        parElem = inElem[j].childNodes[k].parentElement;
+                        inElem[j].childNodes[k].parentElement.parentElement.insertBefore(inElem[j].childNodes[k], inElem[j].childNodes[k].parentElement);
+                        k--;
+                    }
+                    if (!isNOU(parElem)) {
+                        detach(parElem);
+                    }
                 }
             }
         }

package/src/rich-text-editor/actions/quick-toolbar.js

@@ -47,7 +47,7 @@ var QuickToolbar = /** @class */ (function () {
             toolbarItems: items,
             mode: mode,
             renderType: type,
-            cssClass: this.parent.cssClass
+            cssClass: this.parent.getCssClass()
         };
     };
     /**
@@ -261,6 +261,9 @@ var QuickToolbar = /** @class */ (function () {
             && !isNullOrUndefined(select('.' + CLS_INLINE_POP, document))) {
             this.hideInlineQTBar();
         }
+        if (this.textQTBar && !hasClass(this.textQTBar.element, 'e-popup-close')) {
+            this.textQTBar.hidePopup();
+        }
     };
     QuickToolbar.prototype.inlineQTBarMouseDownHandler = function () {
         if ((this.parent.inlineMode.enable && (!Browser.isDevice || isIDevice()))
@@ -274,8 +277,8 @@ var QuickToolbar = /** @class */ (function () {
         }
     };
     QuickToolbar.prototype.keyUpHandler = function (e) {
+        var args = e.args;
         if (this.parent.inlineMode.enable && !Browser.isDevice) {
-            var args = e.args;
             if (this.parent.inlineMode.onSelection) {
                 if (this.parent.getSelection().length > 0) {
                     if ((args.ctrlKey && args.keyCode === 65) || (args.shiftKey && (args.keyCode === 33 || args.keyCode === 34 ||
@@ -288,6 +291,13 @@ var QuickToolbar = /** @class */ (function () {
             }
             this.deBounce(this.offsetX, this.offsetY, args.target);
         }
+        if (this.parent.quickToolbarSettings.text && !Browser.isDevice) {
+            if ((args.ctrlKey && args.keyCode === 65) || (args.shiftKey && (args.keyCode === 33 || args.keyCode === 34 ||
+                args.keyCode === 35 || args.keyCode === 36 || args.keyCode === 37 || args.keyCode === 38 ||
+                args.keyCode === 39 || args.keyCode === 40))) {
+                this.textQTBar.showPopup(this.offsetX, this.offsetY, args.target, 'text');
+            }
+        }
     };
     QuickToolbar.prototype.selectionChangeHandler = function (e) {
         var _this = this;
@@ -447,6 +457,15 @@ var QuickToolbar = /** @class */ (function () {
             if (this.videoQTBar && !hasClass(this.videoQTBar.element, 'e-popup-close')) {
                 this.videoQTBar.hidePopup();
             }
+            if (this.tableQTBar && !hasClass(this.tableQTBar.element, 'e-popup-close')) {
+                this.tableQTBar.hidePopup();
+            }
+            if (this.linkQTBar && !hasClass(this.linkQTBar.element, 'e-popup-close')) {
+                this.linkQTBar.hidePopup();
+            }
+            if (this.textQTBar && !hasClass(this.textQTBar.element, 'e-popup-close')) {
+                this.textQTBar.hidePopup();
+            }
         }
     };
     QuickToolbar.prototype.onIframeMouseDown = function () {
@@ -499,6 +518,9 @@ var QuickToolbar = /** @class */ (function () {
 
      */
     QuickToolbar.prototype.removeEventListener = function () {
+        if (this.deBouncer) {
+            clearTimeout(this.deBouncer);
+        }
         if (this.parent.isDestroyed) {
             return;
         }
@@ -519,9 +541,6 @@ var QuickToolbar = /** @class */ (function () {
         this.parent.off(events.rtlMode, this.setRtl);
         this.parent.off(events.bindCssClass, this.setCssClass);
         this.parent.off(events.hidePopup, this.hideQuickToolbars);
-        if (this.deBouncer) {
-            clearTimeout(this.deBouncer);
-        }
     };
     /**
      * Called internally if any of the property value changed.

package/src/rich-text-editor/actions/toolbar.d.ts

@@ -157,6 +157,7 @@ export declare class Toolbar {
     private dropDownBeforeOpenHandler;
     private tbFocusHandler;
     private toolbarClickHandler;
+    private adjustContentHeight;
     protected wireEvents(): void;
     protected unWireEvents(): void;
     protected addEventListener(): void;

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

@@ -52,6 +52,10 @@ var Toolbar = /** @class */ (function () {
             case 'escape':
                 this.parent.contentModule.getEditPanel().focus();
                 break;
+            case 'enter':
+                if (e.target.classList.contains('e-hor-nav')) {
+                    this.adjustContentHeight(e.target, true);
+                }
         }
     };
     Toolbar.prototype.createToolbarElement = function () {
@@ -107,7 +111,7 @@ var Toolbar = /** @class */ (function () {
             items: this.parent.toolbarSettings.items,
             mode: tBarMode,
             target: ele,
-            cssClass: this.parent.cssClass
+            cssClass: this.parent.getCssClass()
         });
         if (this.parent.toolbarSettings.type === ToolbarType.Expand) {
             addClass([ele], ['e-rte-tb-mobile']);
@@ -226,7 +230,7 @@ var Toolbar = /** @class */ (function () {
                 items: this.parent.toolbarSettings.items,
                 mode: this.getToolbarMode(),
                 target: this.tbElement,
-                cssClass: this.parent.cssClass
+                cssClass: this.parent.getCssClass()
             });
             if (!this.parent.inlineMode.enable) {
                 if (this.parent.toolbarSettings.enableFloating) {
@@ -256,7 +260,7 @@ var Toolbar = /** @class */ (function () {
             });
             this.refreshToolbarOverflow();
         }
-        var divEle = this.parent.element.querySelector('.e-rte-srctextarea');
+        var divEle = this.parent.element.querySelector('.' + classes.CLS_RTE_SOURCE_CODE_TXTAREA);
         var iframeEle = this.parent.element.querySelector('.e-source-content');
         if ((!this.parent.iframeSettings.enable && (!isNOU(divEle) && divEle.style.display === 'block')) ||
             (this.parent.iframeSettings.enable && (!isNOU(iframeEle) && iframeEle.style.display === 'block'))) {
@@ -386,7 +390,7 @@ var Toolbar = /** @class */ (function () {
                 baseToolbar.toolbarObj.enableItems(item, isEnable);
             }
         }
-        if (!select('.e-rte-srctextarea', this.parent.element) && !muteToolbarUpdate) {
+        if (!select('.' + classes.CLS_RTE_SOURCE_CODE_TXTAREA, this.parent.element) && !muteToolbarUpdate) {
             updateUndoRedoStatus(baseToolbar, this.parent.formatter.editorManager.undoRedoManager.getUndoStatus());
         }
     };
@@ -559,20 +563,24 @@ var Toolbar = /** @class */ (function () {
     };
     Toolbar.prototype.toolbarClickHandler = function (e) {
         var trg = closest(e.originalEvent.target, '.e-hor-nav');
+        this.adjustContentHeight(trg, false);
+    };
+    Toolbar.prototype.adjustContentHeight = function (trg, isKeyboard) {
         if (trg && this.parent.toolbarSettings.type === ToolbarType.Expand && !isNOU(trg)) {
             var extendedTbar = this.tbElement.querySelector('.e-toolbar-extended');
             if (!isNOU(extendedTbar)) {
                 setStyleAttribute(extendedTbar, { maxHeight: '', display: 'block' });
                 setStyleAttribute(extendedTbar, { maxHeight: extendedTbar.offsetHeight + 'px', display: '' });
             }
-            if (!trg.classList.contains('e-nav-active')) {
-                removeClass([this.tbElement], [classes.CLS_EXPAND_OPEN]);
-                this.parent.setContentHeight('toolbar', false);
+            var hasActiveClass = trg.classList.contains('e-nav-active');
+            var isExpand = isKeyboard ? (hasActiveClass ? false : true) : (hasActiveClass ? true : false);
+            if (isExpand) {
+                addClass([this.tbElement], [classes.CLS_EXPAND_OPEN]);
             }
             else {
-                addClass([this.tbElement], [classes.CLS_EXPAND_OPEN]);
-                this.parent.setContentHeight('toolbar', true);
+                removeClass([this.tbElement], [classes.CLS_EXPAND_OPEN]);
             }
+            this.parent.setContentHeight('toolbar', isExpand);
         }
         else if (Browser.isDevice || this.parent.inlineMode.enable) {
             this.isToolbar = true;
@@ -696,7 +704,7 @@ var Toolbar = /** @class */ (function () {
             this.addEventListener();
             this.renderToolbar();
             this.parent.wireScrollElementsEvents();
-            if (!select('.e-rte-srctextarea', this.parent.element)) {
+            if (!select('.' + classes.CLS_RTE_SOURCE_CODE_TXTAREA, this.parent.element)) {
                 updateUndoRedoStatus(this.baseToolbar, this.parent.formatter.editorManager.undoRedoManager.getUndoStatus());
             }
             this.parent.notify(events.dynamicModule, {});

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

@@ -79,6 +79,11 @@ export declare const CLS_QUICK_TB: string;
 /**
  * @hidden
 
+ */
+export declare const CLS_TEXT_QUICK_TB: string;
+/**
+ * @hidden
+
  */
 export declare const CLS_POP: string;
 /**

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

@@ -79,6 +79,11 @@ export var CLS_QUICK_TB = 'e-rte-quick-toolbar';
 /**
  * @hidden
 
+ */
+export var CLS_TEXT_QUICK_TB = 'e-rte-text-quicktoolbar';
+/**
+ * @hidden
+
  */
 export var CLS_POP = 'e-rte-pop';
 /**

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

@@ -730,7 +730,7 @@ export declare const emojiPicker: string;
  * @hidden
 
  */
-export declare const maximizeMinimizeClick: string;
+export declare const destroyTooltip: string;
 /**
  * @hidden
 
@@ -739,6 +739,11 @@ export declare const hidePopup: string;
 /**
  * @hidden
 
+ */
+export declare const cleanupResizeElements: string;
+/**
+ * @hidden
+
  */
 export declare const blockEmptyNodes: string;
 /**

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

@@ -730,7 +730,7 @@ export var emojiPicker = 'emojiPicker';
  * @hidden
 
  */
-export var maximizeMinimizeClick = 'maximizeMinimizeClick';
+export var destroyTooltip = 'destroyTooltip';
 /**
  * @hidden
 
@@ -739,6 +739,11 @@ export var hidePopup = 'hidePopup';
 /**
  * @hidden
 
+ */
+export var cleanupResizeElements = 'cleanupResizeElements';
+/**
+ * @hidden
+
  */
 export var blockEmptyNodes = "address:empty, article:empty, aside:empty, blockquote:empty,\n details:empty, dd:empty, div:empty, dl:empty, dt:empty, fieldset:empty, footer:empty,form:empty, h1:empty,\n h2:empty, h3:empty, h4:empty, h5:empty, h6:empty, header:empty, hgroup:empty, li:empty, main:empty, nav:empty,\n noscript:empty, output:empty, p:empty, pre:empty, section:empty, td:empty, th:empty";
 /**

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

@@ -159,6 +159,7 @@ export interface IRichTextEditor extends Component<HTMLElement> {
     getCollection?(items: string | string[]): string[];
     getRange(): Range;
     getID(): string;
+    getCssClass(isSpace?: boolean): string;
     getText(): string;
     updateValueData?(): void;
     getBaseToolbarObject(): BaseToolbar;
@@ -377,6 +378,7 @@ export interface IImageNotifyArgs {
     member?: string;
     name?: string;
     cssClass?: string;
+    ariaLabel?: string;
 }
 /**
  * Provides information about a Image added in the Rich Text Editor.
@@ -1368,3 +1370,11 @@ export interface ToolbarStatusEventArgs {
     /** Defines the markdown toolbar status arguments. */
     markdown?: object;
 }
+/**
+ * @hidden
+
+ */
+export interface CleanupResizeElemArgs {
+    name?: string;
+    value: string;
+}

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

@@ -1,4 +1,4 @@
-import { Component, ModuleDeclaration, EventHandler, Complex, Browser, EmitType, addClass, select, detach } from '@syncfusion/ej2-base';import { Property, NotifyPropertyChanges, INotifyPropertyChanged, formatUnit, L10n, closest } from '@syncfusion/ej2-base';import { setStyleAttribute, Event, removeClass, print as printWindow, attributes } from '@syncfusion/ej2-base';import { isNullOrUndefined as isNOU, compile, append, extend, debounce } from '@syncfusion/ej2-base';import { Touch as EJ2Touch, TapEventArgs } from '@syncfusion/ej2-base';import { getScrollableParent, BeforeOpenEventArgs, BeforeCloseEventArgs } from '@syncfusion/ej2-popups';import * as events from '../base/constant';import * as classes from '../base/classes';import { Render } from '../renderer/render';import { ViewSource } from '../renderer/view-source';import { IRenderer, IFormatter, PrintEventArgs, ActionCompleteEventArgs, ActionBeginEventArgs, ImageDropEventArgs, IFormatPainterArgs } from './interface';import { IExecutionGroup, executeGroup, CommandName, ResizeArgs, StatusArgs, ToolbarStatusEventArgs } from './interface';import { BeforeQuickToolbarOpenArgs, ChangeEventArgs, AfterImageDeleteEventArgs, AfterMediaDeleteEventArgs, PasteCleanupArgs } from './interface';import { ILinkCommandsArgs, IImageCommandsArgs, IAudioCommandsArgs, IVideoCommandsArgs, BeforeSanitizeHtmlArgs, ITableCommandsArgs, ExecuteCommandOption } from './interface';import { ServiceLocator } from '../services/service-locator';import { RendererFactory } from '../services/renderer-factory';import { RenderType, ToolbarType, DialogType } from './enum';import { EditorMode, ShiftEnterKey, EnterKey } from './../../common/types';import { Toolbar } from '../actions/toolbar';import { ExecCommandCallBack } from '../actions/execute-command-callback';import { KeyboardEvents, KeyboardEventArgs } from '../actions/keyboard';import { FontFamilyModel, FontSizeModel, FontColorModel, FormatModel, BackgroundColorModel, NumberFormatListModel, BulletFormatListModel } from '../models/models';import { ToolbarSettingsModel, IFrameSettingsModel, ImageSettingsModel, AudioSettingsModel, VideoSettingsModel, TableSettingsModel } from '../models/models';import { QuickToolbarSettingsModel, InlineModeModel, PasteCleanupSettingsModel, FileManagerSettingsModel, FormatPainterSettingsModel, EmojiSettingsModel } from '../models/models';import { ToolbarSettings, ImageSettings, AudioSettings, VideoSettings, QuickToolbarSettings, FontFamily, FontSize, Format, NumberFormatList, BulletFormatList, FormatPainterSettings, EmojiSettings } from '../models/toolbar-settings';import { FileManagerSettings } from '../models/toolbar-settings';import { TableSettings, PasteCleanupSettings } from '../models/toolbar-settings';import { FontColor, BackgroundColor } from '../models/toolbar-settings';import { IFrameSettings } from '../models/iframe-settings';import { InlineMode } from '../models/inline-mode';import { Link } from '../renderer/link-module';import { Image } from '../renderer/image-module';import { Audio } from '../renderer/audio-module';import { Video } from '../renderer/video-module';import { Table } from '../renderer/table-module';import { Count } from '../actions/count';import { HtmlEditor } from '../actions/html-editor';import { MarkdownEditor } from '../actions/markdown-editor';import { defaultLocale } from '../models/default-locale';import { setAttributes } from '../actions/html-attributes';import { BaseToolbar } from '../actions/base-toolbar';import { QuickToolbar } from '../actions/quick-toolbar';import { FullScreen } from '../actions/full-screen';import { PasteCleanup } from '../actions/paste-clean-up';import { EnterKeyAction } from '../actions/enter-key';import * as CONSTANT from '../../common/constant';import { IHtmlKeyboardEvent } from '../../editor-manager/base/interface';import { dispatchEvent, getEditValue, isIDevice, decode, isEditableValueEmpty, getDefaultValue } from '../base/util';import { DialogRenderer } from '../renderer/dialog-renderer';import { SelectedEventArgs, RemovingEventArgs, UploadingEventArgs, BeforeUploadEventArgs } from '@syncfusion/ej2-inputs';import { Resize } from '../actions/resize';import { FileManager } from '../actions/file-manager';import { FormatPainter } from '../actions/format-painter';import { EmojiPicker } from '../actions/emoji-picker';
+import { Component, ModuleDeclaration, EventHandler, Complex, Browser, EmitType, addClass, select, detach } from '@syncfusion/ej2-base';import { Property, NotifyPropertyChanges, INotifyPropertyChanged, formatUnit, L10n, closest } from '@syncfusion/ej2-base';import { setStyleAttribute, Event, removeClass, print as printWindow, attributes } from '@syncfusion/ej2-base';import { isNullOrUndefined as isNOU, compile, append, extend, debounce } from '@syncfusion/ej2-base';import { Touch as EJ2Touch, TapEventArgs } from '@syncfusion/ej2-base';import { getScrollableParent, BeforeOpenEventArgs, BeforeCloseEventArgs } from '@syncfusion/ej2-popups';import * as events from '../base/constant';import * as classes from '../base/classes';import { Render } from '../renderer/render';import { ViewSource } from '../renderer/view-source';import { IRenderer, IFormatter, PrintEventArgs, ActionCompleteEventArgs, ActionBeginEventArgs, ImageDropEventArgs, IFormatPainterArgs, CleanupResizeElemArgs } from './interface';import { IExecutionGroup, executeGroup, CommandName, ResizeArgs, StatusArgs, ToolbarStatusEventArgs } from './interface';import { BeforeQuickToolbarOpenArgs, ChangeEventArgs, AfterImageDeleteEventArgs, AfterMediaDeleteEventArgs, PasteCleanupArgs } from './interface';import { ILinkCommandsArgs, IImageCommandsArgs, IAudioCommandsArgs, IVideoCommandsArgs, BeforeSanitizeHtmlArgs, ITableCommandsArgs, ExecuteCommandOption } from './interface';import { ServiceLocator } from '../services/service-locator';import { RendererFactory } from '../services/renderer-factory';import { RenderType, ToolbarType, DialogType } from './enum';import { EditorMode, ShiftEnterKey, EnterKey } from './../../common/types';import { Toolbar } from '../actions/toolbar';import { ExecCommandCallBack } from '../actions/execute-command-callback';import { KeyboardEvents, KeyboardEventArgs } from '../actions/keyboard';import { FontFamilyModel, FontSizeModel, FontColorModel, FormatModel, BackgroundColorModel, NumberFormatListModel, BulletFormatListModel } from '../models/models';import { ToolbarSettingsModel, IFrameSettingsModel, ImageSettingsModel, AudioSettingsModel, VideoSettingsModel, TableSettingsModel } from '../models/models';import { QuickToolbarSettingsModel, InlineModeModel, PasteCleanupSettingsModel, FileManagerSettingsModel, FormatPainterSettingsModel, EmojiSettingsModel } from '../models/models';import { ToolbarSettings, ImageSettings, AudioSettings, VideoSettings, QuickToolbarSettings, FontFamily, FontSize, Format, NumberFormatList, BulletFormatList, FormatPainterSettings, EmojiSettings } from '../models/toolbar-settings';import { FileManagerSettings } from '../models/toolbar-settings';import { TableSettings, PasteCleanupSettings } from '../models/toolbar-settings';import { FontColor, BackgroundColor } from '../models/toolbar-settings';import { IFrameSettings } from '../models/iframe-settings';import { InlineMode } from '../models/inline-mode';import { Link } from '../renderer/link-module';import { Image } from '../renderer/image-module';import { Audio } from '../renderer/audio-module';import { Video } from '../renderer/video-module';import { Table } from '../renderer/table-module';import { Count } from '../actions/count';import { HtmlEditor } from '../actions/html-editor';import { MarkdownEditor } from '../actions/markdown-editor';import { defaultLocale } from '../models/default-locale';import { setAttributes } from '../actions/html-attributes';import { BaseToolbar } from '../actions/base-toolbar';import { QuickToolbar } from '../actions/quick-toolbar';import { FullScreen } from '../actions/full-screen';import { PasteCleanup } from '../actions/paste-clean-up';import { EnterKeyAction } from '../actions/enter-key';import * as CONSTANT from '../../common/constant';import { IHtmlKeyboardEvent } from '../../editor-manager/base/interface';import { dispatchEvent, getEditValue, isIDevice, decode, isEditableValueEmpty, getDefaultValue } from '../base/util';import { DialogRenderer } from '../renderer/dialog-renderer';import { SelectedEventArgs, RemovingEventArgs, UploadingEventArgs, BeforeUploadEventArgs } from '@syncfusion/ej2-inputs';import { Resize } from '../actions/resize';import { FileManager } from '../actions/file-manager';import { FormatPainter } from '../actions/format-painter';import { EmojiPicker } from '../actions/emoji-picker';
 import {ComponentModel} from '@syncfusion/ej2-base';
 
 /**

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

@@ -1515,6 +1515,14 @@ export declare class RichTextEditor extends Component<HTMLElement> implements IN
 
      */
     getID(): string;
+    /**
+   * @returns {void}
+   * getCssClass method
+   *
+   * @hidden
+
+   */
+    getCssClass(isSpace?: boolean): string;
     private mouseDownHandler;
     private preventImgResize;
     /**
@@ -1534,6 +1542,7 @@ export declare class RichTextEditor extends Component<HTMLElement> implements IN
     private getUpdatedValue;
     private updateValueOnIdle;
     private updateIntervalValue;
+    private cleanupResizeElements;
     private removeResizeElement;
     private updateStatus;
     private onDocumentClick;