@syncfusion/ej2-richtexteditor 25.1.42 → 25.2.4-621927

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

@@ -22,7 +22,7 @@ var MarkdownEditor = /** @class */ (function () {
      * @function destroy
      * @returns {void}
      * @hidden
-
+     * @deprecated
      */
     MarkdownEditor.prototype.destroy = function () {
         if (isNullOrUndefined(this.parent)) {
@@ -149,7 +149,7 @@ var MarkdownEditor = /** @class */ (function () {
      * @param {RichTextEditorModel} e - specifies the editor model
      * @returns {void}
      * @hidden
-
+     * @deprecated
      */
     MarkdownEditor.prototype.onPropertyChanged = function (e) {
         // On property code change here

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

@@ -46,7 +46,7 @@ export declare class PasteCleanup {
      * @param {Element []} imgElement - specifies the array elements.
      * @returns {void}
      * @hidden
-
+     * @deprecated
      */
     private imageFormatting;
     private radioRender;
@@ -58,6 +58,7 @@ export declare class PasteCleanup {
     private docClick;
     private cleanAppleClass;
     private formatting;
+    private convertBlobToBase64;
     private cropImageHandler;
     private addTableClass;
     private setImageProperties;

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

@@ -13,6 +13,7 @@ import { RenderType, ImageInputSource } from '../base/enum';
 import { Uploader } from '@syncfusion/ej2-inputs';
 import * as classes from '../base/classes';
 import { sanitizeHelper, convertToBlob, getDefaultValue } from '../base/util';
+import { scrollToCursor } from '../../common/util';
 /**
  * PasteCleanup module called when pasting content in RichTextEditor
  */
@@ -404,7 +405,9 @@ var PasteCleanup = /** @class */ (function () {
             popupObj.close();
         }
         this.parent.trigger(events.imageUploadFailed, e);
-        uploadObj.destroy();
+        if (uploadObj && document.body.contains(uploadObj.element)) {
+            uploadObj.destroy();
+        }
     };
     PasteCleanup.prototype.popupClose = function (popupObj, uploadObj, imgElem, e) {
         var _this = this;
@@ -420,7 +423,7 @@ var PasteCleanup = /** @class */ (function () {
         });
         popupObj.close();
         imgElem.style.opacity = '1';
-        if (!uploadObj.isDestroyed) {
+        if (uploadObj && document.body.contains(uploadObj.element)) {
             uploadObj.destroy();
         }
         this.toolbarEnableDisable(false);
@@ -467,7 +470,7 @@ var PasteCleanup = /** @class */ (function () {
      * @param {Element []} imgElement - specifies the array elements.
      * @returns {void}
      * @hidden
-
+     * @deprecated
      */
     PasteCleanup.prototype.imageFormatting = function (pasteArgs, imgElement) {
         if (!isNOU(imgElement.elements[0].getAttribute('src'))) {
@@ -671,7 +674,8 @@ var PasteCleanup = /** @class */ (function () {
             clipBoardElem = this.allowedStyle(clipBoardElem);
         }
         this.saveSelection.restore();
-        clipBoardElem.innerHTML = this.sanitizeHelper(clipBoardElem.innerHTML);
+        var newText = clipBoardElem.innerHTML.split("&").join("&");
+        clipBoardElem.innerHTML = this.sanitizeHelper(newText);
         var allImg = clipBoardElem.querySelectorAll('img');
         for (var i = 0; i < allImg.length; i++) {
             if (!isNOU(allImg[i].getAttribute('src'))) {
@@ -720,16 +724,42 @@ var PasteCleanup = /** @class */ (function () {
                 extend(args, { elements: returnArgs.elements, imageElements: returnArgs.imgElem }, true);
                 _this.parent.formatter.onSuccess(_this.parent, args);
             }, clipBoardElem, null, null, this.parent.enterKey);
+            scrollToCursor(this.parent.contentModule.getDocument(), this.parent.inputElement);
             this.removeTempClass();
             this.parent.notify(events.toolbarRefresh, {});
             this.cropImageHandler(this.parent.inputElement);
         }
     };
+    PasteCleanup.prototype.convertBlobToBase64 = function (element) {
+        var imgElem = element.querySelectorAll('img');
+        var _loop_1 = function (i) {
+            if (imgElem[i].getAttribute('src') &&
+                imgElem[i].getAttribute('src').startsWith("blob")) {
+                var blobImageUrl = imgElem[i].getAttribute('src');
+                var img_1 = new Image();
+                var onImageLoadEvent_1 = function () {
+                    var canvas = document.createElement('canvas');
+                    var ctx = canvas.getContext('2d');
+                    canvas.width = img_1.width;
+                    canvas.height = img_1.height;
+                    ctx.drawImage(img_1, 0, 0);
+                    var base64String = canvas.toDataURL('image/png');
+                    imgElem[i].src = base64String;
+                    img_1.removeEventListener('load', onImageLoadEvent_1);
+                };
+                img_1.src = blobImageUrl;
+                img_1.addEventListener('load', onImageLoadEvent_1);
+            }
+        };
+        for (var i = 0; i < imgElem.length; i++) {
+            _loop_1(i);
+        }
+    };
     PasteCleanup.prototype.cropImageHandler = function (element) {
         var _this = this;
         var allImgElm = element.querySelectorAll('.e-img-cropped');
         if (allImgElm.length > 0) {
-            var _loop_1 = function (i) {
+            var _loop_2 = function (i) {
                 if (allImgElm[i].getAttribute('src').split(',')[0].indexOf('base64') >= 0) {
                     var image_1 = new Image();
                     image_1.src = allImgElm[i].getAttribute('src');
@@ -763,26 +793,37 @@ var PasteCleanup = /** @class */ (function () {
                 }
             };
             for (var i = 0; i < allImgElm.length; i++) {
-                _loop_1(i);
+                _loop_2(i);
             }
         }
         else {
-            this.imgUploading(this.parent.inputElement);
-            if (this.parent.iframeSettings.enable) {
-                this.parent.updateValue();
+            if (!isNullOrUndefined(this.parent.insertImageSettings.saveUrl) && !isNullOrUndefined(this.parent.insertImageSettings.path) && !isNullOrUndefined(this.parent.inputElement.querySelectorAll("img")) && this.parent.inputElement.querySelectorAll("img")[0].src.startsWith("blob")) {
+                this.convertBlobToBase64(this.parent.inputElement);
+                setTimeout(function () {
+                    _this.imgUploading(_this.parent.inputElement);
+                    if (_this.parent.iframeSettings.enable) {
+                        _this.parent.updateValue();
+                    }
+                }, 20);
+            }
+            else {
+                this.imgUploading(this.parent.inputElement);
+                if (this.parent.iframeSettings.enable) {
+                    this.parent.updateValue();
+                }
             }
         }
     };
     PasteCleanup.prototype.addTableClass = function (element, source) {
-        source = isNOU(source) ? '' : source;
         var tableElement = element.querySelectorAll('table');
         for (var i = 0; i < tableElement.length; i++) {
-            if (!tableElement[i].classList.contains('e-rte-table') && (source === 'html' || source === '')) {
-                tableElement[i].classList.add('e-rte-table');
-            }
-            else if (source && source !== 'html') {
+            var isMSTeamsTable = tableElement[i].parentElement.nodeName === 'FIGURE';
+            if (this.parent.pasteCleanupSettings.keepFormat && source && !isMSTeamsTable) {
                 tableElement[i].classList.add('e-rte-paste-' + source + '-table');
             }
+            else if (!tableElement[i].classList.contains('e-rte-table')) {
+                tableElement[i].classList.add('e-rte-table');
+            }
         }
         return element;
     };

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

@@ -36,7 +36,7 @@ export declare class QuickToolbar {
      * @param {RenderType} type - specifies the render type.
      * @returns {BaseQuickToolbar} - specifies the quick toolbar
      * @hidden
-
+     * @deprecated
      */
     createQTBar(popupType: string, mode: string, items: (string | IToolbarItems)[], type: RenderType): BaseQuickToolbar;
     private initializeQuickToolbars;
@@ -52,7 +52,7 @@ export declare class QuickToolbar {
      * @param {HTMLElement} target - specifies the target element.
      * @returns {void}
      * @hidden
-
+     * @deprecated
      */
     showInlineQTBar(x: number, y: number, target: HTMLElement): void;
     /**
@@ -60,7 +60,7 @@ export declare class QuickToolbar {
      *
      * @returns {void}
      * @hidden
-
+     * @deprecated
      */
     hideInlineQTBar(): void;
     /**
@@ -68,7 +68,7 @@ export declare class QuickToolbar {
      *
      * @returns {void}
      * @hidden
-
+     * @deprecated
      */
     hideQuickToolbars(): void;
     private deBounce;
@@ -84,7 +84,7 @@ export declare class QuickToolbar {
      *
      * @returns {void}
      * @hidden
-
+     * @deprecated
      */
     getInlineBaseToolbar(): BaseToolbar;
     /**
@@ -93,7 +93,7 @@ export declare class QuickToolbar {
      * @function destroy
      * @returns {void}
      * @hidden
-
+     * @deprecated
      */
     destroy(): void;
     private moduleDestroy;
@@ -105,7 +105,7 @@ export declare class QuickToolbar {
      *
      * @returns {void}
      * @hidden
-
+     * @deprecated
      */
     addEventListener(): void;
     private onKeyDown;
@@ -118,7 +118,7 @@ export declare class QuickToolbar {
      *
      * @returns {void}
      * @hidden
-
+     * @deprecated
      */
     removeEventListener(): void;
     /**
@@ -127,7 +127,7 @@ export declare class QuickToolbar {
      * @param {RichTextEditorModel} e - specifies the element.
      * @returns {void}
      * @hidden
-
+     * @deprecated
      */
     protected onPropertyChanged(e: {
         [key: string]: RichTextEditorModel;

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

@@ -60,7 +60,7 @@ var QuickToolbar = /** @class */ (function () {
      * @param {RenderType} type - specifies the render type.
      * @returns {BaseQuickToolbar} - specifies the quick toolbar
      * @hidden
-
+     * @deprecated
      */
     QuickToolbar.prototype.createQTBar = function (popupType, mode, items, type) {
         if (items.length < 1) {
@@ -147,7 +147,7 @@ var QuickToolbar = /** @class */ (function () {
      * @param {HTMLElement} target - specifies the target element.
      * @returns {void}
      * @hidden
-
+     * @deprecated
      */
     QuickToolbar.prototype.showInlineQTBar = function (x, y, target) {
         if (isNOU(this.parent) || this.parent.readonly || target.tagName.toLowerCase() === 'img' || this.inlineQTBar.element.querySelector('.e-rte-color-content')) {
@@ -160,7 +160,7 @@ var QuickToolbar = /** @class */ (function () {
      *
      * @returns {void}
      * @hidden
-
+     * @deprecated
      */
     QuickToolbar.prototype.hideInlineQTBar = function () {
         if (this.inlineQTBar && !hasClass(this.inlineQTBar.element, 'e-popup-close')) {
@@ -172,7 +172,7 @@ var QuickToolbar = /** @class */ (function () {
      *
      * @returns {void}
      * @hidden
-
+     * @deprecated
      */
     QuickToolbar.prototype.hideQuickToolbars = function () {
         if (this.linkQTBar && !hasClass(this.linkQTBar.element, 'e-popup-close') && document.body.contains(this.linkQTBar.element)) {
@@ -340,7 +340,7 @@ var QuickToolbar = /** @class */ (function () {
      *
      * @returns {void}
      * @hidden
-
+     * @deprecated
      */
     QuickToolbar.prototype.getInlineBaseToolbar = function () {
         return this.inlineQTBar && this.inlineQTBar.quickTBarObj;
@@ -351,7 +351,7 @@ var QuickToolbar = /** @class */ (function () {
      * @function destroy
      * @returns {void}
      * @hidden
-
+     * @deprecated
      */
     QuickToolbar.prototype.destroy = function () {
         if (isNOU(this.parent)) {
@@ -441,7 +441,7 @@ var QuickToolbar = /** @class */ (function () {
      *
      * @returns {void}
      * @hidden
-
+     * @deprecated
      */
     QuickToolbar.prototype.addEventListener = function () {
         if (this.parent.isDestroyed) {
@@ -535,7 +535,7 @@ var QuickToolbar = /** @class */ (function () {
      *
      * @returns {void}
      * @hidden
-
+     * @deprecated
      */
     QuickToolbar.prototype.removeEventListener = function () {
         if (this.deBouncer) {
@@ -568,7 +568,7 @@ var QuickToolbar = /** @class */ (function () {
      * @param {RichTextEditorModel} e - specifies the element.
      * @returns {void}
      * @hidden
-
+     * @deprecated
      */
     QuickToolbar.prototype.onPropertyChanged = function (e) {
         if (!isNullOrUndefined(e.newProp.quickToolbarSettings)) {

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

@@ -43,7 +43,7 @@ export declare class Toolbar {
      *
      * @returns {void}
      * @hidden
-
+     * @deprecated
      */
     addFixedTBarClass(): void;
     /**
@@ -51,7 +51,7 @@ export declare class Toolbar {
      *
      * @returns {void}
      * @hidden
-
+     * @deprecated
      */
     removeFixedTBarClass(): void;
     private showFixedTBar;
@@ -62,7 +62,7 @@ export declare class Toolbar {
      * @param {IUpdateItemsModel} args - specifies the arguments.
      * @returns {void}
      * @hidden
-
+     * @deprecated
      */
     updateItem(args: IUpdateItemsModel): void;
     private updateToolbarStatus;
@@ -73,7 +73,7 @@ export declare class Toolbar {
      *
      * @returns {void}
      * @hidden
-
+     * @deprecated
      */
     getBaseToolbar(): BaseToolbar;
     /**
@@ -83,7 +83,7 @@ export declare class Toolbar {
      * @param {number} index - specifies the index value.
      * @returns {void}
      * @hidden
-
+     * @deprecated
      */
     addTBarItem(args: IUpdateItemsModel, index: number): void;
     /**
@@ -95,7 +95,7 @@ export declare class Toolbar {
      * @param {boolean} muteToolbarUpdate - specifies the toolbar.
      * @returns {void}
      * @hidden
-
+     * @deprecated
      */
     enableTBarItems(baseToolbar: BaseToolbar, items: string | string[], isEnable: boolean, muteToolbarUpdate?: boolean): void;
     /**
@@ -104,7 +104,7 @@ export declare class Toolbar {
      * @param {string} items - specifies the string value.
      * @returns {void}
      * @hidden
-
+     * @deprecated
      */
     removeTBarItems(items: string | string[]): void;
     /**
@@ -112,7 +112,7 @@ export declare class Toolbar {
      *
      * @returns {void}
      * @hidden
-
+     * @deprecated
      */
     getExpandTBarPopHeight(): number;
     /**
@@ -120,7 +120,7 @@ export declare class Toolbar {
      *
      * @returns {void}
      * @hidden
-
+     * @deprecated
      */
     getToolbarHeight(): number;
     /**
@@ -128,7 +128,7 @@ export declare class Toolbar {
      *
      * @returns {void}
      * @hidden
-
+     * @deprecated
      */
     getToolbarElement(): Element;
     /**
@@ -136,7 +136,7 @@ export declare class Toolbar {
      *
      * @returns {void}
      * @hidden
-
+     * @deprecated
      */
     refreshToolbarOverflow(): void;
     private isToolbarDestroyed;
@@ -147,7 +147,7 @@ export declare class Toolbar {
      * @function destroy
      * @returns {void}
      * @hidden
-
+     * @deprecated
      */
     destroy(): void;
     private moduleDestroy;
@@ -169,7 +169,7 @@ export declare class Toolbar {
      * @param {RichTextEditorModel} e - specifies the string value
      * @returns {void}
      * @hidden
-
+     * @deprecated
      */
     protected onPropertyChanged(e: {
         [key: string]: RichTextEditorModel;

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

@@ -221,7 +221,7 @@ var Toolbar = /** @class */ (function () {
      *
      * @returns {void}
      * @hidden
-
+     * @deprecated
      */
     Toolbar.prototype.addFixedTBarClass = function () {
         addClass([this.tbElement], [classes.CLS_TB_FIXED]);
@@ -231,7 +231,7 @@ var Toolbar = /** @class */ (function () {
      *
      * @returns {void}
      * @hidden
-
+     * @deprecated
      */
     Toolbar.prototype.removeFixedTBarClass = function () {
         removeClass([this.tbElement], [classes.CLS_TB_FIXED]);
@@ -252,7 +252,7 @@ var Toolbar = /** @class */ (function () {
      * @param {IUpdateItemsModel} args - specifies the arguments.
      * @returns {void}
      * @hidden
-
+     * @deprecated
      */
     Toolbar.prototype.updateItem = function (args) {
         var item = this.tools[args.updateItem.toLocaleLowerCase()];
@@ -298,7 +298,7 @@ var Toolbar = /** @class */ (function () {
      *
      * @returns {void}
      * @hidden
-
+     * @deprecated
      */
     Toolbar.prototype.getBaseToolbar = function () {
         return this.baseToolbar;
@@ -310,7 +310,7 @@ var Toolbar = /** @class */ (function () {
      * @param {number} index - specifies the index value.
      * @returns {void}
      * @hidden
-
+     * @deprecated
      */
     Toolbar.prototype.addTBarItem = function (args, index) {
         args.baseToolbar.toolbarObj.addItems([args.baseToolbar.getObject(args.updateItem, 'toolbar')], index);
@@ -324,7 +324,7 @@ var Toolbar = /** @class */ (function () {
      * @param {boolean} muteToolbarUpdate - specifies the toolbar.
      * @returns {void}
      * @hidden
-
+     * @deprecated
      */
     Toolbar.prototype.enableTBarItems = function (baseToolbar, items, isEnable, muteToolbarUpdate) {
         var trgItems = getTBarItemsIndex(getCollection(items), baseToolbar.toolbarObj.items);
@@ -345,7 +345,7 @@ var Toolbar = /** @class */ (function () {
      * @param {string} items - specifies the string value.
      * @returns {void}
      * @hidden
-
+     * @deprecated
      */
     Toolbar.prototype.removeTBarItems = function (items) {
         if (isNullOrUndefined(this.baseToolbar.toolbarObj)) {
@@ -363,7 +363,7 @@ var Toolbar = /** @class */ (function () {
      *
      * @returns {void}
      * @hidden
-
+     * @deprecated
      */
     Toolbar.prototype.getExpandTBarPopHeight = function () {
         var popHeight = 0;
@@ -386,7 +386,7 @@ var Toolbar = /** @class */ (function () {
      *
      * @returns {void}
      * @hidden
-
+     * @deprecated
      */
     Toolbar.prototype.getToolbarHeight = function () {
         return this.tbElement.offsetHeight;
@@ -396,7 +396,7 @@ var Toolbar = /** @class */ (function () {
      *
      * @returns {void}
      * @hidden
-
+     * @deprecated
      */
     Toolbar.prototype.getToolbarElement = function () {
         return select('.' + classes.CLS_TOOLBAR, this.parent.element);
@@ -406,7 +406,7 @@ var Toolbar = /** @class */ (function () {
      *
      * @returns {void}
      * @hidden
-
+     * @deprecated
      */
     Toolbar.prototype.refreshToolbarOverflow = function () {
         this.parent.element.classList.remove(classes.CLS_RTL);
@@ -444,7 +444,7 @@ var Toolbar = /** @class */ (function () {
      * @function destroy
      * @returns {void}
      * @hidden
-
+     * @deprecated
      */
     Toolbar.prototype.destroy = function () {
         if (isNOU(this.parent)) {
@@ -599,7 +599,7 @@ var Toolbar = /** @class */ (function () {
      * @param {RichTextEditorModel} e - specifies the string value
      * @returns {void}
      * @hidden
-
+     * @deprecated
      */
     Toolbar.prototype.onPropertyChanged = function (e) {
         if (!isNullOrUndefined(e.newProp.inlineMode)) {

package/src/rich-text-editor/actions/xhtml-validation.d.ts

@@ -13,7 +13,7 @@ export declare class XhtmlValidation {
      * @param {string} currentValue - specifies the string value.
      * @param {number} valueLength - specifies the length of the current value.
      * @returns {void}
-
+     * @deprecated
      */
     selfEncloseValidation(currentValue: string, valueLength?: number): string;
     private clean;

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

@@ -37,7 +37,7 @@ var XhtmlValidation = /** @class */ (function () {
      * @param {string} currentValue - specifies the string value.
      * @param {number} valueLength - specifies the length of the current value.
      * @returns {void}
-
+     * @deprecated
      */
     XhtmlValidation.prototype.selfEncloseValidation = function (currentValue, valueLength) {
         if (valueLength === 0 && currentValue.indexOf('table') < 0 && currentValue.indexOf('img') < 0 &&