@syncfusion/ej2-richtexteditor 18.1.57 → 18.2.44-4568

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

@@ -72,17 +72,17 @@ var RichTextEditor = /** @class */ (function (_super) {
         _this.defaultResetValue = null;
         /**
          * @hidden
-
+         * @deprecated
          */
         _this.isFocusOut = false;
         /**
          * @hidden
-
+         * @deprecated
          */
         _this.isRTE = false;
         /**
          * @hidden
-
+         * @deprecated
          */
         _this.isBlur = true;
         _this.needsID = true;
@@ -92,7 +92,7 @@ var RichTextEditor = /** @class */ (function (_super) {
      * To provide the array of modules needed for component rendering
      * @return {ModuleDeclaration[]}
      * @hidden
-
+     * @deprecated
      */
     RichTextEditor.prototype.requiredModules = function () {
         var modules = [];
@@ -154,7 +154,7 @@ var RichTextEditor = /** @class */ (function (_super) {
     /**
      * setEnable method
      * @hidden
-
+     * @deprecated
      */
     RichTextEditor.prototype.setEnable = function () {
         this.updateEnable();
@@ -247,7 +247,7 @@ var RichTextEditor = /** @class */ (function (_super) {
     /**
      * getPersistData method
      * @hidden
-
+     * @deprecated
      */
     RichTextEditor.prototype.getPersistData = function () {
         return this.addOnPersist(['value']);
@@ -332,6 +332,7 @@ var RichTextEditor = /** @class */ (function (_super) {
             this.formatter.enableUndo(this);
         }
         this.setPlaceHolder();
+        this.notify(events.contentChanged, {});
     };
     RichTextEditor.prototype.htmlPurifier = function (command, value) {
         if (this.editorMode === 'HTML') {
@@ -404,7 +405,7 @@ var RichTextEditor = /** @class */ (function (_super) {
     /**
      * For internal use only - To Initialize the component rendering.
      * @private
-
+     * @deprecated
      */
     RichTextEditor.prototype.render = function () {
         if (this.value && !this.valueTemplate) {
@@ -436,7 +437,7 @@ var RichTextEditor = /** @class */ (function (_super) {
     /**
      * For internal use only - Initialize the event handler
      * @private
-
+     * @deprecated
      */
     RichTextEditor.prototype.eventInitializer = function () {
         this.wireEvents();
@@ -444,7 +445,7 @@ var RichTextEditor = /** @class */ (function (_super) {
     /**
      * For internal use only - keydown the event handler;
      * @private
-
+     * @deprecated
      */
     RichTextEditor.prototype.keyDown = function (e) {
         this.notify(events.keyDown, { member: 'keydown', args: e });
@@ -533,7 +534,7 @@ var RichTextEditor = /** @class */ (function (_super) {
     };
     /**
      * @hidden
-
+     * @deprecated
      */
     RichTextEditor.prototype.serializeValue = function (value) {
         if (this.editorMode === 'HTML' && !isNOU(value)) {
@@ -559,7 +560,7 @@ var RichTextEditor = /** @class */ (function (_super) {
     /**
      * updateValue method
      * @hidden
-
+     * @deprecated
      */
     RichTextEditor.prototype.updateValue = function (value) {
         if (isNOU(value)) {
@@ -606,28 +607,28 @@ var RichTextEditor = /** @class */ (function (_super) {
     };
     /**
      * @hidden
-
+     * @deprecated
      */
     RichTextEditor.prototype.ensureModuleInjected = function (module) {
         return this.getInjectedModules().indexOf(module) >= 0;
     };
     /**
      * @hidden
-
+     * @deprecated
      */
     RichTextEditor.prototype.onCopy = function () {
         this.contentModule.getDocument().execCommand('copy', false, null);
     };
     /**
      * @hidden
-
+     * @deprecated
      */
     RichTextEditor.prototype.onCut = function () {
         this.contentModule.getDocument().execCommand('cut', false, null);
     };
     /**
      * @hidden
-
+     * @deprecated
      */
     RichTextEditor.prototype.onPaste = function (e) {
         var _this = this;
@@ -642,6 +643,12 @@ var RichTextEditor = /** @class */ (function (_super) {
             var pastedContentLength = (isNOU(e) || isNOU(e.clipboardData))
                 ? 0 : e.clipboardData.getData('text/plain').length;
             var totalLength = (currentLength - selectionLength) + pastedContentLength;
+            if (_this.editorMode === 'Markdown') {
+                if (!(_this.maxLength === -1 || totalLength < _this.maxLength)) {
+                    e.preventDefault();
+                }
+                return;
+            }
             if (!pasteArgs.cancel && _this.inputElement.contentEditable === 'true' &&
                 (_this.maxLength === -1 || totalLength < _this.maxLength)) {
                 if (!isNOU(_this.pasteCleanupModule)) {
@@ -672,7 +679,7 @@ var RichTextEditor = /** @class */ (function (_super) {
     };
     /**
      * @hidden
-
+     * @deprecated
      */
     RichTextEditor.prototype.clipboardAction = function (action, event) {
         switch (action.toLowerCase()) {
@@ -830,10 +837,29 @@ var RichTextEditor = /** @class */ (function (_super) {
         }
         return wrapperElm.innerHTML;
     };
+    /**
+     * It shows the inline quick toolbar
+     */
+    RichTextEditor.prototype.showInlineToolbar = function () {
+        if (this.inlineMode.enable) {
+            var currentRange = this.getRange();
+            var targetElm = currentRange.endContainer.nodeName === '#text' ?
+                currentRange.endContainer.parentElement : currentRange.endContainer;
+            var x = currentRange.getClientRects()[0].left;
+            var y = currentRange.getClientRects()[0].top;
+            this.quickToolbarModule.showInlineQTBar(x, y, targetElm);
+        }
+    };
+    /**
+     * It hides the inline quick toolbar
+     */
+    RichTextEditor.prototype.hideInlineToolbar = function () {
+        this.quickToolbarModule.hideInlineQTBar();
+    };
     /**
      * For internal use only - Get the module name.
      * @private
-
+     * @deprecated
      */
     RichTextEditor.prototype.getModuleName = function () {
         return 'richtexteditor';
@@ -841,7 +867,7 @@ var RichTextEditor = /** @class */ (function (_super) {
     /**
      * Called internally if any of the property value changed.
      * @hidden
-
+     * @deprecated
      */
     RichTextEditor.prototype.onPropertyChanged = function (newProp, oldProp) {
         for (var _i = 0, _a = Object.keys(newProp); _i < _a.length; _i++) {
@@ -967,7 +993,7 @@ var RichTextEditor = /** @class */ (function (_super) {
     };
     /**
      * @hidden
-
+     * @deprecated
      */
     RichTextEditor.prototype.updateValueData = function () {
         if (this.enableHtmlEncode) {
@@ -989,7 +1015,11 @@ var RichTextEditor = /** @class */ (function (_super) {
     RichTextEditor.prototype.updatePanelValue = function () {
         var value = this.value;
         value = (this.enableHtmlEncode && this.value) ? decode(value) : value;
+        var getTextArea = this.element.querySelector('.e-rte-srctextarea');
         if (value) {
+            if (getTextArea && getTextArea.style.display === 'block') {
+                getTextArea.value = this.value;
+            }
             if (this.valueContainer) {
                 this.valueContainer.value = (this.enableHtmlEncode) ? this.value : value;
             }
@@ -1002,6 +1032,9 @@ var RichTextEditor = /** @class */ (function (_super) {
             }
         }
         else {
+            if (getTextArea && getTextArea.style.display === 'block') {
+                getTextArea.value = '';
+            }
             if (this.editorMode === 'HTML') {
                 this.inputElement.innerHTML = '<p><br/></p>';
             }
@@ -1027,7 +1060,7 @@ var RichTextEditor = /** @class */ (function (_super) {
     /**
      * setPlaceHolder method
      * @hidden
-
+     * @deprecated
      */
     RichTextEditor.prototype.setPlaceHolder = function () {
         if (this.inputElement && this.placeholder && this.iframeSettings.enable !== true) {
@@ -1084,7 +1117,7 @@ var RichTextEditor = /** @class */ (function (_super) {
     /**
      * setReadOnly method
      * @hidden
-
+     * @deprecated
      */
     RichTextEditor.prototype.setReadOnly = function (initial) {
         this.updateReadOnly();
@@ -1171,7 +1204,7 @@ var RichTextEditor = /** @class */ (function (_super) {
     /**
      * Get the selected range from the RichTextEditor's content.
      * @public
-
+     * @deprecated
      */
     RichTextEditor.prototype.getRange = function () {
         return this.formatter.editorManager.nodeSelection.getRange(this.contentModule.getDocument());
@@ -1288,7 +1321,7 @@ var RichTextEditor = /** @class */ (function (_super) {
     /**
      * setContentHeight method
      * @hidden
-
+     * @deprecated
      */
     RichTextEditor.prototype.setContentHeight = function (target, isExpand) {
         var heightValue;
@@ -1367,7 +1400,7 @@ var RichTextEditor = /** @class */ (function (_super) {
     };
     /**
      * @hidden
-
+     * @deprecated
      */
     RichTextEditor.prototype.getBaseToolbarObject = function () {
         var tbObj;
@@ -1381,14 +1414,14 @@ var RichTextEditor = /** @class */ (function (_super) {
     };
     /**
      * @hidden
-
+     * @deprecated
      */
     RichTextEditor.prototype.getToolbar = function () {
         return this.toolbarModule ? this.toolbarModule.getToolbarElement() : null;
     };
     /**
      * @hidden
-
+     * @deprecated
      */
     RichTextEditor.prototype.getToolbarElement = function () {
         return this.toolbarModule && this.toolbarModule.getToolbarElement();
@@ -1396,7 +1429,7 @@ var RichTextEditor = /** @class */ (function (_super) {
     /**
      * getID method
      * @hidden
-
+     * @deprecated
      */
     RichTextEditor.prototype.getID = function () {
         return (this.originalElement.tagName === 'TEXTAREA' ? this.valueContainer.id : this.element.id);
@@ -1416,7 +1449,7 @@ var RichTextEditor = /** @class */ (function (_super) {
     /**
      * preventDefaultResize method
      * @hidden
-
+     * @deprecated
      */
     RichTextEditor.prototype.preventDefaultResize = function (e) {
         if (Browser.info.name === 'msie') {
@@ -1481,8 +1514,8 @@ var RichTextEditor = /** @class */ (function (_super) {
             }
             this.preventDefaultResize(e);
             this.trigger('focus', { event: e, isInteracted: Object.keys(e).length === 0 ? false : true });
-            if (!isNOU(this.saveInterval) && this.saveInterval > 0) {
-                this.timeInterval = setInterval(this.updateIntervalValue.bind(this), this.saveInterval);
+            if (!isNOU(this.saveInterval) && this.saveInterval > 0 && !this.autoSaveOnIdle) {
+                this.timeInterval = setInterval(this.updateValueOnIdle.bind(this), this.saveInterval);
             }
             EventHandler.add(document, 'mousedown', this.onDocumentClick, this);
         }
@@ -1510,11 +1543,15 @@ var RichTextEditor = /** @class */ (function (_super) {
         }
         return value;
     };
-    RichTextEditor.prototype.updateIntervalValue = function () {
+    RichTextEditor.prototype.updateValueOnIdle = function () {
         this.setProperties({ value: this.getUpdatedValue() }, true);
         this.valueContainer.value = this.value;
         this.invokeChangeEvent();
     };
+    RichTextEditor.prototype.updateIntervalValue = function () {
+        clearTimeout(this.idleInterval);
+        this.idleInterval = setTimeout(this.updateValueOnIdle.bind(this), 0);
+    };
     RichTextEditor.prototype.onDocumentClick = function (e) {
         var target = e.target;
         var rteElement = closest(target, '.' + classes.CLS_RTE);
@@ -1568,7 +1605,20 @@ var RichTextEditor = /** @class */ (function (_super) {
     /**
      * invokeChangeEvent method
      * @hidden
-
+     * @deprecated
+     */
+    RichTextEditor.prototype.contentChanged = function () {
+        if (this.autoSaveOnIdle) {
+            if (!isNOU(this.saveInterval)) {
+                clearTimeout(this.timeInterval);
+                this.timeInterval = setTimeout(this.updateIntervalValue.bind(this), this.saveInterval);
+            }
+        }
+    };
+    /**
+     * invokeChangeEvent method
+     * @hidden
+     * @deprecated
      */
     RichTextEditor.prototype.invokeChangeEvent = function () {
         var eventArgs = {
@@ -1581,7 +1631,7 @@ var RichTextEditor = /** @class */ (function (_super) {
     };
     /**
      * @hidden
-
+     * @deprecated
      */
     RichTextEditor.prototype.wireScrollElementsEvents = function () {
         this.scrollParentElements = getScrollableParent(this.element);
@@ -1609,7 +1659,7 @@ var RichTextEditor = /** @class */ (function (_super) {
     };
     /**
      * @hidden
-
+     * @deprecated
      */
     RichTextEditor.prototype.unWireScrollElementsEvents = function () {
         this.scrollParentElements = getScrollableParent(this.element);
@@ -1638,7 +1688,7 @@ var RichTextEditor = /** @class */ (function (_super) {
     };
     /**
      * @hidden
-
+     * @deprecated
      */
     RichTextEditor.prototype.autoResize = function () {
         var _this = this;
@@ -1666,6 +1716,7 @@ var RichTextEditor = /** @class */ (function (_super) {
     RichTextEditor.prototype.wireEvents = function () {
         this.element.addEventListener('focusin', this.onFocusHandler, true);
         this.element.addEventListener('focusout', this.onBlurHandler, true);
+        this.on(events.contentChanged, this.contentChanged, this);
         if (this.readonly && this.enabled) {
             return;
         }
@@ -1740,6 +1791,7 @@ var RichTextEditor = /** @class */ (function (_super) {
     RichTextEditor.prototype.unWireEvents = function () {
         this.element.removeEventListener('focusin', this.onFocusHandler, true);
         this.element.removeEventListener('focusout', this.onBlurHandler, true);
+        this.off(events.contentChanged, this.contentChanged);
         if (this.readonly && this.enabled) {
             return;
         }
@@ -1809,6 +1861,9 @@ var RichTextEditor = /** @class */ (function (_super) {
     __decorate([
         Property(null)
     ], RichTextEditor.prototype, "placeholder", void 0);
+    __decorate([
+        Property(false)
+    ], RichTextEditor.prototype, "autoSaveOnIdle", void 0);
     __decorate([
         Property(false)
     ], RichTextEditor.prototype, "readonly", void 0);

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

@@ -18,7 +18,7 @@ export declare function updateUndoRedoStatus(baseToolbar: BaseToolbar, undoRedoS
 /**
  * To dispatch the event manually
  * @hidden
-
+ * @deprecated
  */
 export declare function dispatchEvent(element: Element | HTMLDocument, type: string): void;
 export declare function parseHtml(value: string): DocumentFragment;

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

@@ -233,7 +233,7 @@ export function updateUndoRedoStatus(baseToolbar, undoRedoStatus) {
 /**
  * To dispatch the event manually
  * @hidden
-
+ * @deprecated
  */
 export function dispatchEvent(element, type) {
     var evt = document.createEvent('HTMLEvents');

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

@@ -6,10 +6,11 @@ import { IHtmlUndoRedoData } from '../../editor-manager/base/interface';
 /**
  * Formatter
  * @hidden
-
+ * @deprecated
  */
 export declare class Formatter {
     editorManager: IEditorModel;
+    private timeInterval;
     /**
      * To execute the command
      * @param  {IRichTextEditor} self
@@ -17,32 +18,32 @@ export declare class Formatter {
      * @param  {MouseEvent|KeyboardEvent} event
      * @param  {IItemCollectionArgs} value
      * @hidden
-
+     * @deprecated
      */
     process(self: IRichTextEditor, args: ActionBeginEventArgs, event: MouseEvent | KeyboardEvent, value: IItemCollectionArgs): void;
     private getAncestorNode;
     /**
      * onKeyHandler method
      * @hidden
-
+     * @deprecated
      */
     onKeyHandler(self: IRichTextEditor, e: KeyboardEvent): void;
     /**
      * onSuccess method
      * @hidden
-
+     * @deprecated
      */
     onSuccess(self: IRichTextEditor, events: IMarkdownFormatterCallBack | IHtmlFormatterCallBack): void;
     /**
      * Save the data for undo and redo action.
      * @hidden
-
+     * @deprecated
      */
     saveData(e?: KeyboardEvent | MouseEvent | IUndoCallBack): void;
     /**
      * getUndoStatus method
      * @hidden
-
+     * @deprecated
      */
     getUndoStatus(): {
         [key: string]: boolean;
@@ -50,13 +51,13 @@ export declare class Formatter {
     /**
      * getUndoRedoStack method
      * @hidden
-
+     * @deprecated
      */
     getUndoRedoStack(): IHtmlUndoRedoData[] | MarkdownUndoRedoData[];
     /**
      * enableUndo method
      * @hidden
-
+     * @deprecated
      */
     enableUndo(self: IRichTextEditor): void;
 }

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

@@ -5,7 +5,7 @@ import { KEY_DOWN, KEY_UP } from './../../common/constant';
 /**
  * Formatter
  * @hidden
-
+ * @deprecated
  */
 var Formatter = /** @class */ (function () {
     function Formatter() {
@@ -17,7 +17,7 @@ var Formatter = /** @class */ (function () {
      * @param  {MouseEvent|KeyboardEvent} event
      * @param  {IItemCollectionArgs} value
      * @hidden
-
+     * @deprecated
      */
     Formatter.prototype.process = function (self, args, event, value) {
         var _this = this;
@@ -117,12 +117,13 @@ var Formatter = /** @class */ (function () {
     /**
      * onKeyHandler method
      * @hidden
-
+     * @deprecated
      */
     Formatter.prototype.onKeyHandler = function (self, e) {
         var _this = this;
         this.editorManager.observer.notify(KEY_UP, {
             event: e, callBack: function () {
+                self.notify(CONSTANT.contentChanged, {});
                 _this.enableUndo(self);
             }
         });
@@ -130,9 +131,10 @@ var Formatter = /** @class */ (function () {
     /**
      * onSuccess method
      * @hidden
-
+     * @deprecated
      */
     Formatter.prototype.onSuccess = function (self, events) {
+        self.notify(CONSTANT.contentChanged, {});
         if (isNullOrUndefined(events.event) || (events && events.event.action !== 'copy')) {
             this.enableUndo(self);
             self.notify(CONSTANT.execCommandCallBack, events);
@@ -157,7 +159,7 @@ var Formatter = /** @class */ (function () {
     /**
      * Save the data for undo and redo action.
      * @hidden
-
+     * @deprecated
      */
     Formatter.prototype.saveData = function (e) {
         this.editorManager.undoRedoManager.saveData(e);
@@ -165,7 +167,7 @@ var Formatter = /** @class */ (function () {
     /**
      * getUndoStatus method
      * @hidden
-
+     * @deprecated
      */
     Formatter.prototype.getUndoStatus = function () {
         return this.editorManager.undoRedoManager.getUndoStatus();
@@ -173,7 +175,7 @@ var Formatter = /** @class */ (function () {
     /**
      * getUndoRedoStack method
      * @hidden
-
+     * @deprecated
      */
     Formatter.prototype.getUndoRedoStack = function () {
         return this.editorManager.undoRedoManager.undoRedoStack;
@@ -181,7 +183,7 @@ var Formatter = /** @class */ (function () {
     /**
      * enableUndo method
      * @hidden
-
+     * @deprecated
      */
     Formatter.prototype.enableUndo = function (self) {
         var status = this.getUndoStatus();

package/src/rich-text-editor/formatter/html-formatter.d.ts

@@ -3,7 +3,7 @@ import { IEditorModel, IHtmlFormatterModel } from './../base/interface';
 /**
  * HTML adapter
  * @hidden
-
+ * @deprecated
  */
 export declare class HTMLFormatter extends Formatter {
     keyConfig: {
@@ -20,7 +20,7 @@ export declare class HTMLFormatter extends Formatter {
      * @param  {Element} editElement
      * @param  {Document} doc
      * @hidden
-
+     * @deprecated
      */
     updateFormatter(editElement: Element, doc?: Document, options?: {
         [key: string]: number;

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

@@ -18,7 +18,7 @@ import { htmlKeyConfig } from './../../common/config';
 /**
  * HTML adapter
  * @hidden
-
+ * @deprecated
  */
 var HTMLFormatter = /** @class */ (function (_super) {
     __extends(HTMLFormatter, _super);
@@ -39,7 +39,7 @@ var HTMLFormatter = /** @class */ (function (_super) {
      * @param  {Element} editElement
      * @param  {Document} doc
      * @hidden
-
+     * @deprecated
      */
     HTMLFormatter.prototype.updateFormatter = function (editElement, doc, options) {
         if (editElement && doc) {

package/src/rich-text-editor/formatter/markdown-formatter.d.ts

@@ -3,7 +3,7 @@ import { IEditorModel, IMarkdownFormatterModel } from './../base/interface';
 /**
  * Markdown adapter
  * @hidden
-
+ * @deprecated
  */
 export declare class MarkdownFormatter extends Formatter {
     keyConfig: {
@@ -27,7 +27,7 @@ export declare class MarkdownFormatter extends Formatter {
      * @param  {Element} editElement
      * @param  {Document} doc
      * @hidden
-
+     * @deprecated
      */
     updateFormatter(editElement: Element, doc?: Document, options?: {
         [key: string]: number;

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

@@ -18,7 +18,7 @@ import { markdownKeyConfig, markdownListsTags, markdownFormatTags, markdownSelec
 /**
  * Markdown adapter
  * @hidden
-
+ * @deprecated
  */
 var MarkdownFormatter = /** @class */ (function (_super) {
     __extends(MarkdownFormatter, _super);
@@ -42,7 +42,7 @@ var MarkdownFormatter = /** @class */ (function (_super) {
      * @param  {Element} editElement
      * @param  {Document} doc
      * @hidden
-
+     * @deprecated
      */
     MarkdownFormatter.prototype.updateFormatter = function (editElement, doc, options) {
         if (editElement) {