@syncfusion/ej2-richtexteditor 22.2.12 → 23.1.36

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

@@ -484,7 +484,7 @@ export declare class RichTextEditor extends Component<HTMLElement> implements IN
     /**
      * Specify the value whether tooltip will be displayed for the Rich Text Editor toolbar.
      *
-     * @default false.
+     * @default true.
      */
     showTooltip: boolean;
     /**
@@ -827,14 +827,12 @@ export declare class RichTextEditor extends Component<HTMLElement> implements IN
      * Set the cancel argument to true to cancel the command execution.
      *
      * @event 'actionBegin'
-     * @blazorProperty 'OnActionBegin'
      */
     actionBegin: EmitType<ActionBeginEventArgs>;
     /**
      * Triggers after command execution using toolbar items or executeCommand method.
      *
      * @event 'actionComplete'
-     * @blazorProperty 'OnActionComplete'
      */
     actionComplete: EmitType<ActionCompleteEventArgs>;
     /**
@@ -843,16 +841,12 @@ export declare class RichTextEditor extends Component<HTMLElement> implements IN
      * Set the cancel argument to true to cancel the open of a dialog.
      *
      * @event 'beforeDialogOpen'
-     * @blazorProperty 'OnDialogOpen'
-     * @blazorType Syncfusion.EJ2.Blazor.Popups.BeforeOpenEventArgs
      */
     beforeDialogOpen: EmitType<BeforeOpenEventArgs>;
     /**
      * Event triggers when a dialog is opened.
      *
      * @event 'dialogOpen'
-     * @blazorProperty 'DialogOpened'
-     * @blazorType DialogOpenEventArgs
      */
     dialogOpen: EmitType<Object>;
     /**
@@ -861,39 +855,30 @@ export declare class RichTextEditor extends Component<HTMLElement> implements IN
      * Set the cancel argument to true to prevent closing a dialog.
      *
      * @event 'beforeDialogClose'
-     * @blazorProperty 'OnDialogClose'
-     * @blazorType Syncfusion.EJ2.Blazor.Popups.BeforeOpenEventArgs
      */
     beforeDialogClose: EmitType<BeforeCloseEventArgs>;
     /**
      * Event triggers after the dialog has been closed.
      *
      * @event 'dialogClose'
-     * @blazorProperty 'DialogClosed'
-     * @blazorType DialogCloseEventArgs
      */
     dialogClose: EmitType<Object>;
     /**
      * Event triggers when the quick toolbar is being opened.
      *
      * @event 'beforeQuickToolbarOpen'
-     * @blazorProperty 'OnQuickToolbarOpen'
      */
     beforeQuickToolbarOpen: EmitType<BeforeQuickToolbarOpenArgs>;
     /**
      * Event triggers when a quick toolbar is opened.
      *
      * @event 'quickToolbarOpen'
-     * @blazorProperty 'QuickToolbarOpened'
-     * @blazorType QuickToolbarEventArgs
      */
     quickToolbarOpen: EmitType<Object>;
     /**
      * Event triggers after the quick toolbar has been closed.
      *
      * @event 'quickToolbarClose'
-     * @blazorProperty 'QuickToolbarClosed'
-     * @blazorType QuickToolbarEventArgs
      */
     quickToolbarClose: EmitType<Object>;
     /**
@@ -907,14 +892,12 @@ export declare class RichTextEditor extends Component<HTMLElement> implements IN
      * Triggers when the toolbar items status is updated.
      *
      * @event 'updatedToolbarStatus'
-     * @blazorType ToolbarUpdateEventArgs
      */
     updatedToolbarStatus: EmitType<ToolbarStatusEventArgs>;
     /**
      * Event triggers when the image is selected or dragged into the insert image dialog.
      *
      * @event 'imageSelected'
-     * @blazorProperty 'OnImageSelected'
      */
     imageSelected: EmitType<SelectedEventArgs>;
     /**
@@ -927,37 +910,30 @@ export declare class RichTextEditor extends Component<HTMLElement> implements IN
      * Event triggers when the selected image begins to upload in the insert image dialog.
      *
      * @event 'imageUploading'
-     * @blazorProperty 'OnImageUploading'
      */
     imageUploading: EmitType<UploadingEventArgs>;
     /**
      * Event triggers when the image is successfully uploaded to the server side.
      *
      * @event 'imageUploadSuccess'
-     * @blazorProperty 'OnImageUploadSuccess'
-     * @blazorType ImageSuccessEventArgs
      */
     imageUploadSuccess: EmitType<Object>;
     /**
      * Event triggers when there is an error in the image upload.
      *
      * @event 'imageUploadFailed'
-     * @blazorProperty 'OnImageUploadFailed'
-     * @blazorType ImageFailedEventArgs
      */
     imageUploadFailed: EmitType<Object>;
     /**
      * Event triggers when the selected image is cleared from the insert image dialog.
      *
      * @event 'imageRemoving'
-     * @blazorProperty 'OnImageRemoving'
      */
     imageRemoving: EmitType<RemovingEventArgs>;
     /**
      * Event triggers when the selected image is cleared from the Rich Text Editor Content.
      *
      * @event 'afterImageDelete'
-     * @blazorProperty 'OnImageDelete'
      */
     afterImageDelete: EmitType<AfterImageDeleteEventArgs>;
     /**
@@ -1006,72 +982,60 @@ export declare class RichTextEditor extends Component<HTMLElement> implements IN
      * Triggers when the Rich Text Editor is rendered.
      *
      * @event 'created'
-     * @blazorProperty 'Created'
      */
     created: EmitType<Object>;
     /**
      * Triggers when the Rich Text Editor is destroyed.
      *
      * @event 'destroyed'
-     * @blazorProperty 'Destroyed'
-     * @blazorType DestroyedEventArgs
      */
     destroyed: EmitType<Object>;
     /**
      * Event triggers before sanitize the value. It's only applicable to editorMode as `HTML`.
      *
      * @event 'beforeSanitizeHtml'
-     * @blazorProperty 'OnSanitizeHtml'
      */
     beforeSanitizeHtml: EmitType<BeforeSanitizeHtmlArgs>;
     /**
      * Triggers when Rich Text Editor is focused out.
      *
      * @event 'blur'
-     * @blazorType BlurEventArgs
      */
     blur: EmitType<Object>;
     /**
      * Triggers when Rich Text Editor Toolbar items is clicked.
      *
      * @event 'toolbarClick'
-     * @blazorProperty 'OnToolbarClick'
-     * @blazorType ToolbarClickEventArgs
      */
     toolbarClick: EmitType<Object>;
     /**
      * Triggers when Rich Text Editor is focused in
      *
      * @event 'focus'
-     * @blazorType FocusEventArgs
      */
     focus: EmitType<Object>;
     /**
      * Triggers only when Rich Text Editor is blurred and changes are done to the content.
      *
      * @event 'change'
-     * @blazorProperty 'ValueChange'
      */
     change: EmitType<ChangeEventArgs>;
     /**
      * Triggers only when resizing the image.
      *
      * @event 'resizing'
-     * @blazorProperty 'Resizing'
      */
     resizing: EmitType<ResizeArgs>;
     /**
      * Triggers only when start resize the image.
      *
      * @event 'resizeStart'
-     * @blazorProperty 'OnResizeStart'
      */
     resizeStart: EmitType<ResizeArgs>;
     /**
      * Triggers only when stop resize the image.
      *
      * @event 'resizeStop'
-     * @blazorProperty 'OnResizeStop'
      */
     resizeStop: EmitType<ResizeArgs>;
     /**
@@ -1090,7 +1054,6 @@ export declare class RichTextEditor extends Component<HTMLElement> implements IN
      * Triggers before drop the image.
      *
      * @event 'beforeImageDrop'
-     * @blazorProperty 'OnImageDrop'
      */
     beforeImageDrop: EmitType<ImageDropEventArgs>;
     /**
@@ -1099,7 +1062,6 @@ export declare class RichTextEditor extends Component<HTMLElement> implements IN
      * {% codeBlock src='rich-text-editor/formatter/index.md' %}{% endcodeBlock %}
      *
      * @default null
-     * @blazorType object
      */
     formatter: IFormatter;
     keyboardModule: KeyboardEvents;

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

@@ -1108,9 +1108,6 @@ var RichTextEditor = /** @class */ (function (_super) {
         this.removeAttributes();
         _super.prototype.destroy.call(this);
         this.isRendered = false;
-        if (this.enablePersistence) {
-            window.localStorage.removeItem(this.getModuleName() + this.element.id);
-        }
     };
     RichTextEditor.prototype.removeHtmlAttributes = function () {
         if (this.htmlAttributes) {
@@ -1240,9 +1237,10 @@ var RichTextEditor = /** @class */ (function (_super) {
                     else {
                         nVal = newProp[prop];
                     }
+                    nVal = this.serializeValue(nVal);
                     var val = this.editorMode === 'HTML' ? getEditValue(nVal, this) : nVal;
                     if ((!isNOU(nVal) && nVal !== '') || prop === 'enterKey') {
-                        this.value = this.serializeValue(((this.enableHtmlEncode) ? this.encode(decode(val)) : val));
+                        this.setProperties({ value: ((this.enableHtmlEncode) ? this.encode(decode(val)) : val) }, true);
                     }
                     this.updatePanelValue();
                     if (this.inputElement) {
@@ -1790,10 +1788,6 @@ var RichTextEditor = /** @class */ (function (_super) {
         // eslint-disable-next-line
         var imgPadding = 12;
         var imgResizeBorder = 2;
-        if (isNOU(this.contentModule) || isNOU(this.contentModule.getEditPanel())) {
-            EventHandler.remove(this.contentModule.getDocument(), Browser.touchMoveEvent, this.imageModule.resizing);
-            return maxWidth;
-        }
         var editEle = this.contentModule.getEditPanel();
         var eleStyle = window.getComputedStyle(editEle);
         var editEleMaxWidth = editEle.offsetWidth - (imgPadding + imgResizeBorder +

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

@@ -163,7 +163,7 @@ export function setToolbarStatus(e, isPopToolbar, self) {
                     }
                 }
                 else if ((typeof data["" + key] === 'string' || data["" + key] === null) &&
-                    getIndex(key, e.parent.toolbarSettings.items) > -1) {
+                    getIndex(key, e.parent.toolbarSettings.items) >= -1) {
                     var value = ((data["" + key]) ? data["" + key] : '');
                     var result = '';
                     switch (key) {
@@ -228,6 +228,10 @@ export function setToolbarStatus(e, isPopToolbar, self) {
                             dropDown.fontSizeDropDown.dataBind();
                             break;
                         }
+                        case 'bulletFormatList':
+                        case 'numberFormatList': {
+                            removeClass([e.tbElements[j]], [classes.CLS_ACTIVE]);
+                        }
                     }
                 }
             }

package/src/rich-text-editor/models/items.js

@@ -755,29 +755,41 @@ export function updateDropDownLocale(self) {
     });
 }
 export var windowKeys = {
-    'Insert Link': 'Ctrl + K',
-    'Insert Image': 'Ctrl + Shift + I',
-    'Create Table': 'Ctrl + Shift + E',
-    'Undo': 'Ctrl + Z',
-    'Redo': 'Ctrl + Y',
-    'Copy': 'Ctrl + C',
-    'Cut': 'Ctrl + X',
-    'Paste': 'Ctrl + V',
-    'Bold': 'Ctrl + B',
-    'Italic': 'Ctrl + I',
-    'Underline': 'Ctrl + U',
-    'Strikethrough': 'Ctrl + Shift + S',
-    'Upper Case': 'Ctrl + Shift + U',
-    'Lower Case': 'Ctrl + Shift + L',
-    'Superscript': 'Ctrl + Shift + =',
-    'Subscript': 'Ctrl + =',
-    'Source Code': 'Ctrl + Shift + H',
-    'Maximize': 'Ctrl + Shift + F',
+    'Insert Link': 'Ctrl+K',
+    'Insert Image': 'Ctrl+Shift+I',
+    'Create Table': 'Ctrl+Shift+E',
+    'Undo': 'Ctrl+Z',
+    'Redo': 'Ctrl+Y',
+    'Copy': 'Ctrl+C',
+    'Cut': 'Ctrl+X',
+    'Paste': 'Ctrl+V',
+    'Bold': 'Ctrl+B',
+    'Italic': 'Ctrl+I',
+    'Underline': 'Ctrl+U',
+    'Strikethrough': 'Ctrl+Shift+S',
+    'Upper Case': 'Ctrl+Shift+U',
+    'Lower Case': 'Ctrl+Shift+L',
+    'Superscript': 'Ctrl+Shift+=',
+    'Subscript': 'Ctrl+=',
+    'Code View': 'Ctrl+Shift+H',
+    'Maximize': 'Ctrl+Shift+F',
     'Minimize': 'Esc',
-    'Clear Format': 'Ctrl + Shift + R',
-    'Numbered List': 'Ctrl + Shift + O',
-    'Bulleted List': 'Ctrl + Alt + O',
-    'Format Painter': 'Alt + Shift + C, Alt + Shift + V'
+    'Clear Format': 'Ctrl+Shift+R',
+    'Numbered List': 'Ctrl+Shift+O',
+    'Bulleted List': 'Ctrl+Alt+O',
+    'Number Format List': 'Ctrl+Shift+O',
+    'Bullet Format List': 'Ctrl+Alt+O',
+    'Insert Audio': 'Ctrl+Shift+A',
+    'Insert Video': 'Ctrl+Shift+V',
+    'Increase Indent': 'Ctrl+]',
+    'Decrease Indent': 'Ctrl+[',
+    'Decrease Fontsize': 'Ctrl+Shift+<',
+    'Increase Fontsize': 'Ctrl+Shift+>',
+    'Justify Center': 'Ctrl+E',
+    'Justify Full': 'Ctrl+J',
+    'Justify Left': 'Ctrl+L',
+    'Justify Right': 'Ctrl+R',
+    'Format Painter': 'Alt+Shift+C, Alt+Shift+V'
 };
 export var defaultEmojiIcons = [{
         name: 'Smilies & People', code: '1F600', iconCss: 'e-emoji', icons: [{ code: '1F600', desc: 'Grinning face' },

package/src/rich-text-editor/models/toolbar-settings-model.d.ts

@@ -1,4 +1,4 @@
-import { Property, ChildProperty, Complex, Event, EmitType } from '@syncfusion/ej2-base';import { AjaxSettings, AjaxSettingsModel, ContextMenuSettings, ContextMenuSettingsModel, BeforeSendEventArgs } from '@syncfusion/ej2-filemanager';import { DetailsViewSettings, DetailsViewSettingsModel, NavigationPaneSettings } from '@syncfusion/ej2-filemanager';import { NavigationPaneSettingsModel, SearchSettings, SearchSettingsModel, SortOrder } from '@syncfusion/ej2-filemanager';import { ToolbarSettingsModel as FileToolbarSettingsModel, ToolbarSettings as FileToolbarSettings } from '@syncfusion/ej2-filemanager';import { UploadSettings, UploadSettingsModel, ViewType } from '@syncfusion/ej2-filemanager';import { SaveFormat, DisplayLayoutOptions } from '../../common';import { ToolbarType, ActionOnScroll, ToolbarItems } from '../base/enum';import { IToolbarItems, IDropDownItemModel, ColorModeType, IToolsItemConfigs, IListDropDownModel, EmojiIconsSet } from '../base/interface';import { backgroundColor, fontColor, fontFamily, fontSize, formatItems, predefinedItems, TableStyleItems, numberFormatList, bulletFormatList, defaultEmojiIcons } from './items';
+import { Property, ChildProperty, Complex, Event, EmitType } from '@syncfusion/ej2-base';import { AjaxSettings, AjaxSettingsModel, ContextMenuSettings, ContextMenuSettingsModel, BeforeSendEventArgs } from '@syncfusion/ej2-filemanager';import { DetailsViewSettings, DetailsViewSettingsModel, NavigationPaneSettings } from '@syncfusion/ej2-filemanager';import { NavigationPaneSettingsModel, SearchSettings, SearchSettingsModel, SortOrder } from '@syncfusion/ej2-filemanager';import { ToolbarSettingsModel as FileToolbarSettingsModel, ToolbarSettings as FileToolbarSettings } from '@syncfusion/ej2-filemanager';import { UploadSettings, UploadSettingsModel, ViewType } from '@syncfusion/ej2-filemanager';import { SaveFormat, DisplayLayoutOptions } from '../../common';import { ToolbarType, ActionOnScroll, ToolbarItems, ToolbarConfigItems } from '../base/enum';import { IToolbarItems, IDropDownItemModel, ColorModeType, IToolsItemConfigs, IListDropDownModel, EmojiIconsSet } from '../base/interface';import { backgroundColor, fontColor, fontFamily, fontSize, formatItems, predefinedItems, TableStyleItems, numberFormatList, bulletFormatList, defaultEmojiIcons } from './items';
 
 /**
  * Interface for a class ToolbarSettings
@@ -36,7 +36,7 @@ export interface ToolbarSettingsModel {
      * @default ['Bold', 'Italic', 'Underline', '|', 'Formats', 'Alignments', 'OrderedList',
      * 'UnorderedList', '|', 'CreateLink', 'Image', '|', 'SourceCode', 'Undo', 'Redo']
      */
-    items?: (string | IToolbarItems)[];
+    items?: (string |ToolbarConfigItems | IToolbarItems)[];
 
     /**
      * Using this property, Modify the default toolbar item configuration like icon class.
@@ -570,10 +570,9 @@ export interface QuickToolbarSettingsModel {
     /**
      * Specifies the items to render in quick toolbar, when text selected.
      *
-     * @default ['Cut', 'Copy', 'Paste']
-
+     * @default null
      */
-    text?: (string | IToolbarItems)[];
+    text?: (string | ToolbarConfigItems | IToolbarItems)[];
 
     /**
      * Specifies the items to render in quick toolbar, when table selected.

package/src/rich-text-editor/models/toolbar-settings.d.ts

@@ -5,7 +5,7 @@ import { NavigationPaneSettingsModel, SearchSettingsModel, SortOrder } from '@sy
 import { ToolbarSettingsModel as FileToolbarSettingsModel } from '@syncfusion/ej2-filemanager';
 import { UploadSettingsModel, ViewType } from '@syncfusion/ej2-filemanager';
 import { SaveFormat, DisplayLayoutOptions } from '../../common';
-import { ToolbarType, ActionOnScroll, ToolbarItems } from '../base/enum';
+import { ToolbarType, ActionOnScroll, ToolbarItems, ToolbarConfigItems } from '../base/enum';
 import { IToolbarItems, IDropDownItemModel, ColorModeType, IToolsItemConfigs, IListDropDownModel, EmojiIconsSet } from '../base/interface';
 /**
  * Configures the toolbar settings of the RichTextEditor.
@@ -39,7 +39,7 @@ export declare class ToolbarSettings extends ChildProperty<ToolbarSettings> {
      * @default ['Bold', 'Italic', 'Underline', '|', 'Formats', 'Alignments', 'OrderedList',
      * 'UnorderedList', '|', 'CreateLink', 'Image', '|', 'SourceCode', 'Undo', 'Redo']
      */
-    items: (string | IToolbarItems)[];
+    items: (string | ToolbarConfigItems | IToolbarItems)[];
     /**
      * Using this property, Modify the default toolbar item configuration like icon class.
      *
@@ -493,10 +493,9 @@ export declare class QuickToolbarSettings extends ChildProperty<QuickToolbarSett
     /**
      * Specifies the items to render in quick toolbar, when text selected.
      *
-     * @default ['Cut', 'Copy', 'Paste']
-
+     * @default null
      */
-    text: (string | IToolbarItems)[];
+    text: (string | ToolbarConfigItems | IToolbarItems)[];
     /**
      * Specifies the items to render in quick toolbar, when table selected.
      *

package/src/rich-text-editor/models/toolbar-settings.js

@@ -304,7 +304,7 @@ var QuickToolbarSettings = /** @class */ (function (_super) {
         Property(['VideoReplace', 'VideoAlign', 'VideoRemove', 'VideoLayoutOption', 'VideoDimension'])
     ], QuickToolbarSettings.prototype, "video", void 0);
     __decorate([
-        Property(['Cut', 'Copy', 'Paste'])
+        Property(null)
     ], QuickToolbarSettings.prototype, "text", void 0);
     __decorate([
         Property(['TableHeader', 'TableRows', 'TableColumns', 'BackgroundColor', '-', 'TableRemove', 'Alignments', 'TableCellVerticalAlign', 'Styles'])

package/src/rich-text-editor/renderer/audio-module.js

@@ -617,6 +617,9 @@ var Audio = /** @class */ (function () {
             if (this.quickToolObj.inlineQTBar && document.body.contains(this.quickToolObj.inlineQTBar.element)) {
                 this.quickToolObj.inlineQTBar.hidePopup();
             }
+            if (this.quickToolObj.textQTBar && this.parent.element.ownerDocument.body.contains(this.quickToolObj.textQTBar.element)) {
+                this.quickToolObj.textQTBar.hidePopup();
+            }
         }
     };
     // eslint-disable-next-line
@@ -686,10 +689,8 @@ var Audio = /** @class */ (function () {
         });
         uploadParentEle.appendChild(uploadEle);
         var fileName;
-        var rawFile;
         var selectArgs;
         var filesData;
-        var beforeUploadArgs;
         this.uploadObj = new Uploader({
             asyncSettings: { saveUrl: this.parent.insertAudioSettings.saveUrl, removeUrl: this.parent.insertAudioSettings.removeUrl },
             dropArea: span, multiple: false, enableRtl: this.parent.enableRtl,
@@ -697,13 +698,8 @@ var Audio = /** @class */ (function () {
             selected: function (e) {
                 proxy.isAudioUploaded = true;
                 selectArgs = e;
+                // eslint-disable-next-line
                 filesData = e.filesData;
-                if (_this.parent.isServerRendered) {
-                    selectArgs = JSON.parse(JSON.stringify(e));
-                    e.cancel = true;
-                    rawFile = e.filesData;
-                    selectArgs.filesData = rawFile;
-                }
                 _this.parent.trigger(events.fileSelected, selectArgs, function (selectArgs) {
                     if (!selectArgs.cancel) {
                         _this.checkExtension(selectArgs.filesData[0]);
@@ -726,35 +722,11 @@ var Audio = /** @class */ (function () {
                             });
                             reader_1.readAsDataURL(selectArgs.filesData[0].rawFile);
                         }
-                        if (_this.parent.isServerRendered) {
-                            /* eslint-disable */
-                            _this.uploadObj._internalRenderSelect(selectArgs, rawFile);
-                            /* eslint-enable */
-                        }
                     }
                 });
             },
             beforeUpload: function (args) {
-                if (_this.parent.isServerRendered) {
-                    beforeUploadArgs = JSON.parse(JSON.stringify(args));
-                    beforeUploadArgs.filesData = filesData;
-                    args.cancel = true;
-                    _this.parent.trigger(events.fileUploading, beforeUploadArgs, function (beforeUploadArgs) {
-                        if (beforeUploadArgs.cancel) {
-                            return;
-                        }
-                        /* eslint-disable */
-                        _this.uploadObj.currentRequestHeader = beforeUploadArgs.currentRequest ?
-                            beforeUploadArgs.currentRequest : _this.uploadObj.currentRequestHeader;
-                        _this.uploadObj.customFormDatas = beforeUploadArgs.customFormData && beforeUploadArgs.customFormData.length > 0 ?
-                            beforeUploadArgs.customFormData : _this.uploadObj.customFormDatas;
-                        _this.uploadObj.uploadFiles(rawFile, null);
-                        /* eslint-enable */
-                    });
-                }
-                else {
-                    _this.parent.trigger(events.beforeFileUpload, args);
-                }
+                _this.parent.trigger(events.beforeFileUpload, args);
             },
             uploading: function (e) {
                 if (!_this.parent.isServerRendered) {

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

@@ -55,7 +55,7 @@ var DialogRenderer = /** @class */ (function () {
         this.parent.trigger(events.beforeDialogOpen, args, this.beforeOpenCallback.bind(this, args));
     };
     DialogRenderer.prototype.handleEnterKeyDown = function (args) {
-        if (args.code === "Enter") {
+        if (args.code === 'Enter') {
             args.preventDefault();
         }
     };

package/src/rich-text-editor/renderer/image-module.js

@@ -1424,6 +1424,9 @@ var Image = /** @class */ (function () {
             if (this.quickToolObj.inlineQTBar && document.body.contains(this.quickToolObj.inlineQTBar.element)) {
                 this.quickToolObj.inlineQTBar.hidePopup();
             }
+            if (this.quickToolObj.textQTBar && this.parent.element.ownerDocument.body.contains(this.quickToolObj.textQTBar.element)) {
+                this.quickToolObj.textQTBar.hidePopup();
+            }
         }
     };
     // eslint-disable-next-line
@@ -1692,10 +1695,8 @@ var Image = /** @class */ (function () {
         });
         uploadParentEle.appendChild(uploadEle);
         var altText;
-        var rawFile;
         var selectArgs;
         var filesData;
-        var beforeUploadArgs;
         this.uploadObj = new Uploader({
             asyncSettings: { saveUrl: this.parent.insertImageSettings.saveUrl, removeUrl: this.parent.insertImageSettings.removeUrl },
             dropArea: span, multiple: false, enableRtl: this.parent.enableRtl, cssClass: this.parent.cssClass,
@@ -1703,13 +1704,8 @@ var Image = /** @class */ (function () {
             selected: function (e) {
                 proxy.isImgUploaded = true;
                 selectArgs = e;
+                // eslint-disable-next-line
                 filesData = e.filesData;
-                if (_this.parent.isServerRendered) {
-                    selectArgs = JSON.parse(JSON.stringify(e));
-                    e.cancel = true;
-                    rawFile = e.filesData;
-                    selectArgs.filesData = rawFile;
-                }
                 _this.parent.trigger(events.imageSelected, selectArgs, function (selectArgs) {
                     if (!selectArgs.cancel) {
                         _this.checkExtension(selectArgs.filesData[0]);
@@ -1740,35 +1736,11 @@ var Image = /** @class */ (function () {
                             });
                             reader_1.readAsDataURL(selectArgs.filesData[0].rawFile);
                         }
-                        if (_this.parent.isServerRendered) {
-                            /* eslint-disable */
-                            _this.uploadObj._internalRenderSelect(selectArgs, rawFile);
-                            /* eslint-enable */
-                        }
                     }
                 });
             },
             beforeUpload: function (args) {
-                if (_this.parent.isServerRendered) {
-                    beforeUploadArgs = JSON.parse(JSON.stringify(args));
-                    beforeUploadArgs.filesData = filesData;
-                    args.cancel = true;
-                    _this.parent.trigger(events.imageUploading, beforeUploadArgs, function (beforeUploadArgs) {
-                        if (beforeUploadArgs.cancel) {
-                            return;
-                        }
-                        /* eslint-disable */
-                        _this.uploadObj.currentRequestHeader = beforeUploadArgs.currentRequest ?
-                            beforeUploadArgs.currentRequest : _this.uploadObj.currentRequestHeader;
-                        _this.uploadObj.customFormDatas = beforeUploadArgs.customFormData && beforeUploadArgs.customFormData.length > 0 ?
-                            beforeUploadArgs.customFormData : _this.uploadObj.customFormDatas;
-                        _this.uploadObj.uploadFiles(rawFile, null);
-                        /* eslint-enable */
-                    });
-                }
-                else {
-                    _this.parent.trigger(events.beforeImageUpload, args);
-                }
+                _this.parent.trigger(events.beforeImageUpload, args);
             },
             uploading: function (e) {
                 if (!_this.parent.isServerRendered) {
@@ -2087,8 +2059,6 @@ var Image = /** @class */ (function () {
         setTimeout(function () {
             proxy.refreshPopup(imageElement);
         }, timeOut);
-        var rawFile;
-        var beforeUploadArgs;
         this.uploadObj = new Uploader({
             asyncSettings: {
                 saveUrl: this.parent.insertImageSettings.saveUrl,
@@ -2114,33 +2084,9 @@ var Image = /** @class */ (function () {
                 }, 900);
             },
             beforeUpload: function (args) {
-                if (_this.parent.isServerRendered) {
-                    beforeUploadArgs = JSON.parse(JSON.stringify(args));
-                    beforeUploadArgs.filesData = rawFile;
-                    isUploading = true;
-                    args.cancel = true;
-                    _this.parent.trigger(events.imageUploading, beforeUploadArgs, function (beforeUploadArgs) {
-                        if (beforeUploadArgs.cancel) {
-                            return;
-                        }
-                        if (!_this.parent.inlineMode.enable) {
-                            _this.parent.toolbarModule.baseToolbar.toolbarObj.disable(true);
-                        }
-                        /* eslint-disable */
-                        _this.uploadObj.currentRequestHeader = beforeUploadArgs.currentRequest ?
-                            beforeUploadArgs.currentRequest : _this.uploadObj.currentRequestHeader;
-                        _this.uploadObj.customFormDatas = beforeUploadArgs.customFormData && beforeUploadArgs.customFormData.length > 0 ?
-                            beforeUploadArgs.customFormData : _this.uploadObj.customFormDatas;
-                        _this.uploadObj.uploadFiles(rawFile, null);
-                        _this.parent.inputElement.contentEditable = 'false';
-                        /* eslint-enable */
-                    });
-                }
-                else {
-                    _this.parent.trigger(events.beforeImageUpload, args);
-                    if (!_this.parent.inlineMode.enable) {
-                        _this.parent.toolbarModule.baseToolbar.toolbarObj.disable(true);
-                    }
+                _this.parent.trigger(events.beforeImageUpload, args);
+                if (!_this.parent.inlineMode.enable) {
+                    _this.parent.toolbarModule.baseToolbar.toolbarObj.disable(true);
                 }
             },
             uploading: function (e) {
@@ -2165,9 +2111,6 @@ var Image = /** @class */ (function () {
                 if (isUploading) {
                     e.cancel = true;
                 }
-                if (_this.parent.isServerRendered) {
-                    rawFile = e.filesData;
-                }
             },
             failure: function (e) {
                 isUploading = false;

package/src/rich-text-editor/renderer/link-module.js

@@ -350,6 +350,9 @@ var Link = /** @class */ (function () {
             if (this.quickToolObj.inlineQTBar && document.body.contains(this.quickToolObj.inlineQTBar.element)) {
                 this.quickToolObj.inlineQTBar.hidePopup();
             }
+            if (this.quickToolObj.textQTBar && this.parent.element.ownerDocument.body.contains(this.quickToolObj.textQTBar.element)) {
+                this.quickToolObj.textQTBar.hidePopup();
+            }
         }
     };
     // eslint-disable-next-line