@syncfusion/ej2-richtexteditor 27.1.52 → 27.1.57-637881

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

@@ -33,7 +33,7 @@ export declare class BaseToolbar {
      * @param {string} container - specifies the value of string
      * @returns {IToolbarItemModel} - returns the model element
      * @hidden
-
+     * @deprecated
      */
     getObject(item: string, container: string): IToolbarItemModel;
     /**
@@ -41,7 +41,7 @@ export declare class BaseToolbar {
      * @param {string} container - specifies the container value
      * @returns {ItemModel} - retunrs the model element
      * @hidden
-
+     * @deprecated
      */
     getItems(tbItems: (string | IToolbarItems)[], container: string): ItemModel[];
     private getToolbarOptions;
@@ -51,7 +51,7 @@ export declare class BaseToolbar {
      * @param {IToolbarRenderOptions} args - specifies the toolbar options
      * @returns {void}
      * @hidden
-
+     * @deprecated
      */
     render(args: IToolbarRenderOptions): void;
     destroy(): void;

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

@@ -97,7 +97,7 @@ var BaseToolbar = /** @class */ (function () {
      * @param {string} container - specifies the value of string
      * @returns {IToolbarItemModel} - returns the model element
      * @hidden
-
+     * @deprecated
      */
     BaseToolbar.prototype.getObject = function (item, container) {
         var itemStr = item.toLowerCase();
@@ -126,7 +126,7 @@ var BaseToolbar = /** @class */ (function () {
      * @param {string} container - specifies the container value
      * @returns {ItemModel} - retunrs the model element
      * @hidden
-
+     * @deprecated
      */
     BaseToolbar.prototype.getItems = function (tbItems, container) {
         var _this = this;
@@ -209,7 +209,7 @@ var BaseToolbar = /** @class */ (function () {
      * @param {IToolbarRenderOptions} args - specifies the toolbar options
      * @returns {void}
      * @hidden
-
+     * @deprecated
      */
     BaseToolbar.prototype.render = function (args) {
         this.toolbarRenderer = this.renderFactory.getRenderer(RenderType.Toolbar);

package/src/rich-text-editor/actions/color-picker.d.ts

@@ -23,7 +23,7 @@ export declare class ColorPickerInput {
      * @param {IColorPickerRenderArgs} args - specify the arguments.
      * @returns {void}
      * @hidden
-
+     * @deprecated
      */
     renderColorPickerInput(args: IColorPickerRenderArgs): void;
     destroy(): void;
@@ -32,7 +32,7 @@ export declare class ColorPickerInput {
      *
      * @returns {void}
      * @hidden
-
+     * @deprecated
      */
     destroyColorPicker(): void;
     private setRtl;

package/src/rich-text-editor/actions/color-picker.js

@@ -30,7 +30,7 @@ var ColorPickerInput = /** @class */ (function () {
      * @param {IColorPickerRenderArgs} args - specify the arguments.
      * @returns {void}
      * @hidden
-
+     * @deprecated
      */
     ColorPickerInput.prototype.renderColorPickerInput = function (args) {
         var _this = this;
@@ -118,7 +118,7 @@ var ColorPickerInput = /** @class */ (function () {
      *
      * @returns {void}
      * @hidden
-
+     * @deprecated
      */
     ColorPickerInput.prototype.destroyColorPicker = function () {
         if (this.fontColorPicker && !this.fontColorPicker.isDestroyed) {

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

@@ -23,7 +23,7 @@ export declare class Count {
      *
      * @returns {void}
      * @hidden
-
+     * @deprecated
      */
     renderCount(): void;
     private appendCount;
@@ -31,7 +31,7 @@ export declare class Count {
     /**
      * @returns {void}
      * @hidden
-
+     * @deprecated
      */
     refresh(): void;
     /**
@@ -40,7 +40,7 @@ export declare class Count {
      * @function destroy
      * @returns {void}
      * @hidden
-
+     * @deprecated
      */
     destroy(): void;
     private toggle;

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

@@ -23,7 +23,7 @@ var Count = /** @class */ (function () {
      *
      * @returns {void}
      * @hidden
-
+     * @deprecated
      */
     Count.prototype.renderCount = function () {
         this.initializeInstance();
@@ -68,7 +68,7 @@ var Count = /** @class */ (function () {
     /**
      * @returns {void}
      * @hidden
-
+     * @deprecated
      */
     Count.prototype.refresh = function () {
         if (!isNullOrUndefined(this.editPanel)) {
@@ -84,7 +84,7 @@ var Count = /** @class */ (function () {
      * @function destroy
      * @returns {void}
      * @hidden
-
+     * @deprecated
      */
     Count.prototype.destroy = function () {
         if (this.isDestroyed) {

package/src/rich-text-editor/actions/dropdown-buttons.d.ts

@@ -38,7 +38,7 @@ export declare class DropDownButtons {
      * @param {IDropDownRenderArgs} args - specifies the arguments
      * @returns {void}
      * @hidden
-
+     * @deprecated
      */
     renderDropDowns(args: IDropDownRenderArgs): void;
     private getUpdateItems;
@@ -57,7 +57,7 @@ export declare class DropDownButtons {
      *
      * @returns {void}
      * @hidden
-
+     * @deprecated
      */
     destroyDropDowns(): void;
     private setRtl;

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

@@ -36,7 +36,7 @@ var DropDownButtons = /** @class */ (function () {
      * @param {IDropDownRenderArgs} args - specifies the arguments
      * @returns {void}
      * @hidden
-
+     * @deprecated
      */
     DropDownButtons.prototype.renderDropDowns = function (args) {
         var _this = this;
@@ -401,7 +401,7 @@ var DropDownButtons = /** @class */ (function () {
      *
      * @returns {void}
      * @hidden
-
+     * @deprecated
      */
     DropDownButtons.prototype.destroyDropDowns = function () {
         if (this.formatDropDown) {

package/src/rich-text-editor/actions/emoji-picker.d.ts

@@ -21,7 +21,7 @@ export declare class EmojiPicker {
      * @function destroy
      * @returns {void}
      * @hidden
-
+     * @deprecated
      */
     destroy(): void;
     childDestroy(): void;

package/src/rich-text-editor/actions/emoji-picker.js

@@ -19,7 +19,7 @@ var EmojiPicker = /** @class */ (function () {
      * @function destroy
      * @returns {void}
      * @hidden
-
+     * @deprecated
      */
     EmojiPicker.prototype.destroy = function () {
         if (this.isDestroyed) {

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

@@ -427,11 +427,16 @@ var EnterKeyAction = /** @class */ (function () {
                             else if (!isNOU(currentParent) && currentParent !== _this.parent.inputElement && currentParent.nodeName !== 'BR') {
                                 if (currentParent.textContent.trim().length === 0 || (currentParent.textContent.trim().length === 1 &&
                                     currentParent.textContent.charCodeAt(0) === 8203)) {
-                                    var newElem = _this.parent.formatter.editorManager.nodeCutter.SplitNode(_this.range, currentParent, true).cloneNode(true);
-                                    _this.parent.formatter.editorManager.domNode.insertAfter(newElem, currentParent);
-                                    var outerBRElem = _this.parent.createElement('br');
-                                    newElem.parentElement.insertBefore(outerBRElem, newElem);
-                                    _this.parent.formatter.editorManager.nodeSelection.setCursorPoint(_this.parent.contentModule.getDocument(), newElem, 0);
+                                    if (currentParent.childElementCount > 1 && currentParent.lastElementChild.nodeName === 'IMG') {
+                                        _this.insertBRElement();
+                                    }
+                                    else {
+                                        var newElem = _this.parent.formatter.editorManager.nodeCutter.SplitNode(_this.range, currentParent, true).cloneNode(true);
+                                        _this.parent.formatter.editorManager.domNode.insertAfter(newElem, currentParent);
+                                        var outerBRElem = _this.parent.createElement('br');
+                                        newElem.parentElement.insertBefore(outerBRElem, newElem);
+                                        _this.parent.formatter.editorManager.nodeSelection.setCursorPoint(_this.parent.contentModule.getDocument(), newElem, 0);
+                                    }
                                 }
                                 else {
                                     var newElem = void 0;

package/src/rich-text-editor/actions/full-screen.d.ts

@@ -13,7 +13,7 @@ export declare class FullScreen {
      * @param {MouseEvent} event - specifies the mouse event
      * @returns {void}
      * @hidden
-
+     * @deprecated
      */
     showFullScreen(event?: MouseEvent | KeyboardEventArgs): void;
     /**
@@ -22,7 +22,7 @@ export declare class FullScreen {
      * @param {MouseEvent} event - specifies the mouse event
      * @returns {void}
      * @hidden
-
+     * @deprecated
      */
     hideFullScreen(event?: MouseEvent | KeyboardEventArgs): void;
     private toggleParentOverflow;
@@ -34,7 +34,7 @@ export declare class FullScreen {
      *
      * @returns {void}
      * @hidden
-
+     * @deprecated
      */
     destroy(): void;
 }

package/src/rich-text-editor/actions/full-screen.js

@@ -17,7 +17,7 @@ var FullScreen = /** @class */ (function () {
      * @param {MouseEvent} event - specifies the mouse event
      * @returns {void}
      * @hidden
-
+     * @deprecated
      */
     FullScreen.prototype.showFullScreen = function (event) {
         var _this = this;
@@ -70,7 +70,7 @@ var FullScreen = /** @class */ (function () {
      * @param {MouseEvent} event - specifies the mouse event
      * @returns {void}
      * @hidden
-
+     * @deprecated
      */
     FullScreen.prototype.hideFullScreen = function (event) {
         var _this = this;
@@ -156,7 +156,7 @@ var FullScreen = /** @class */ (function () {
      *
      * @returns {void}
      * @hidden
-
+     * @deprecated
      */
     FullScreen.prototype.destroy = function () {
         if (isNOU(this.parent)) {

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

@@ -30,14 +30,14 @@ export declare class HtmlEditor {
      * @function destroy
      * @returns {void}
      * @hidden
-
+     * @deprecated
      */
     destroy(): void;
     /**
      * @param {string} value - specifies the string value
      * @returns {void}
      * @hidden
-
+     * @deprecated
      */
     sanitizeHelper(value: string): string;
     private addEventListener;
@@ -70,7 +70,7 @@ export declare class HtmlEditor {
      * @param {RichTextEditorModel} e - specifies the editor model
      * @returns {void}
      * @hidden
-
+     * @deprecated
      */
     protected onPropertyChanged(e: {
         [key: string]: RichTextEditorModel;

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

@@ -35,7 +35,7 @@ var HtmlEditor = /** @class */ (function () {
      * @function destroy
      * @returns {void}
      * @hidden
-
+     * @deprecated
      */
     HtmlEditor.prototype.destroy = function () {
         if (this.isDestroyed) {
@@ -79,7 +79,7 @@ var HtmlEditor = /** @class */ (function () {
      * @param {string} value - specifies the string value
      * @returns {void}
      * @hidden
-
+     * @deprecated
      */
     HtmlEditor.prototype.sanitizeHelper = function (value) {
         value = sanitizeHelper(value, this.parent);
@@ -89,7 +89,7 @@ var HtmlEditor = /** @class */ (function () {
         if (this.parent.isDestroyed) {
             return;
         }
-        this.nodeSelectionObj = new NodeSelection();
+        this.nodeSelectionObj = new NodeSelection(this.parent.inputElement);
         this.parent.on(events.initialLoad, this.instantiateRenderer, this);
         this.parent.on(events.htmlToolbarClick, this.onToolbarClick, this);
         this.parent.on(events.keyDown, this.onKeyDown, this);
@@ -803,7 +803,7 @@ var HtmlEditor = /** @class */ (function () {
         urlText = urlText.slice(0, urlTextRange);
         // eslint-disable-next-line
         var regex = new RegExp(/([^\S]|^)(((https?\:\/\/)|(www\.))(\S+))/gi);
-        if (selectNodeEle[0].nodeName !== 'A' && urlText.match(regex)) {
+        if (selectNodeEle[0] && selectNodeEle[0].nodeName !== 'A' && urlText.match(regex)) {
             var selection = this.nodeSelectionObj.save(range, this.parent.contentModule.getDocument());
             var url = urlText.indexOf('http') > -1 ? urlText : 'http://' + urlText;
             var selectParent = this.parent.formatter.editorManager.nodeSelection.getParentNodeCollection(range);
@@ -1032,7 +1032,7 @@ var HtmlEditor = /** @class */ (function () {
      * @param {RichTextEditorModel} e - specifies the editor model
      * @returns {void}
      * @hidden
-
+     * @deprecated
      */
     HtmlEditor.prototype.onPropertyChanged = function (e) {
         // On property code change here

package/src/rich-text-editor/actions/import-export.js

@@ -21,7 +21,7 @@ var ImportExport = /** @class */ (function () {
                 saveUrl: this.parent.importWord.serviceUrl
             },
             success: function (args) {
-                _this.parent.executeCommand('insertHTML', args.e.currentTarget.response, { undo: true });
+                _this.parent.executeCommand('importWord', args.e.currentTarget.response, { undo: true });
             }
         });
         this.parent.setProperties({ enableXhtml: true }, true);

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

@@ -27,7 +27,7 @@ export interface KeyboardEventArgs extends KeyboardEvent {
  * ```
  *
  * @hidden
-
+ * @deprecated
  */
 export declare class KeyboardEvents extends Base<HTMLElement> implements INotifyPropertyChanged {
     /**

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

@@ -87,7 +87,7 @@ var keyCode = {
  * ```
  *
  * @hidden
-
+ * @deprecated
  */
 var KeyboardEvents = /** @class */ (function (_super) {
     __extends(KeyboardEvents, _super);

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

@@ -20,7 +20,7 @@ export declare class MarkdownEditor {
      * @function destroy
      * @returns {void}
      * @hidden
-
+     * @deprecated
      */
     destroy(): void;
     private addEventListener;
@@ -37,7 +37,7 @@ export declare class MarkdownEditor {
      * @param {RichTextEditorModel} e - specifies the editor model
      * @returns {void}
      * @hidden
-
+     * @deprecated
      */
     protected onPropertyChanged(e: {
         [key: string]: RichTextEditorModel;

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

@@ -23,7 +23,7 @@ var MarkdownEditor = /** @class */ (function () {
      * @function destroy
      * @returns {void}
      * @hidden
-
+     * @deprecated
      */
     MarkdownEditor.prototype.destroy = function () {
         if (this.isDestroyed) {
@@ -142,7 +142,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

@@ -51,7 +51,7 @@ export declare class PasteCleanup {
      * @param {Element []} imgElement - specifies the array elements.
      * @returns {void}
      * @hidden
-
+     * @deprecated
      */
     private imageFormatting;
     private radioRender;

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

@@ -11,7 +11,7 @@ import * as EVENTS from './../../common/constant';
 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 { sanitizeHelper, convertToBlob } from '../base/util';
 import { scrollToCursor } from '../../common/util';
 /**
  * PasteCleanup module called when pasting content in RichTextEditor
@@ -40,7 +40,7 @@ var PasteCleanup = /** @class */ (function () {
         this.isDestroyed = false;
     }
     PasteCleanup.prototype.addEventListener = function () {
-        this.nodeSelectionObj = new NodeSelection();
+        this.nodeSelectionObj = new NodeSelection(this.parent.inputElement);
         if (this.parent.isDestroyed) {
             return;
         }
@@ -206,38 +206,62 @@ var PasteCleanup = /** @class */ (function () {
         }
     };
     PasteCleanup.prototype.splitBreakLine = function (value) {
-        var enterSplitText = value.split('\n');
-        var contentInnerElem = '';
+        var enterSplitText = value.split('\r\n\r\n');
+        var finalText = '';
         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);
+            var content = enterSplitText[i];
+            var contentWithSpace = this.makeSpace(content);
+            var contentWithLineBreak = contentWithSpace.replace(/\r\n|\n/g, '<br>');
+            if (i === 0) {
+                if (this.parent.enterKey === 'BR') {
+                    finalText += (contentWithLineBreak + endNode);
+                }
+                else {
+                    finalText += contentWithLineBreak; // In order to merge the content in current line. No P/Div tag is added.
+                }
             }
             else {
-                var contentWithSpace = this.makeSpace(enterSplitText[i]);
-                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));
+                if (this.parent.enterKey === 'BR') {
+                    if (i === enterSplitText.length - 1) {
+                        finalText += (contentWithLineBreak + endNode);
+                    }
+                    else {
+                        finalText += (contentWithLineBreak + endNode + endNode);
+                    }
+                }
+                else {
+                    finalText += startNode + contentWithLineBreak + endNode;
+                }
             }
         }
-        return contentInnerElem;
+        return finalText;
     };
-    PasteCleanup.prototype.makeSpace = function (enterSplitText) {
-        var contentWithSpace = '';
-        var spaceBetweenContent = true;
-        enterSplitText = enterSplitText.replace(/\t/g, '&nbsp;&nbsp;&nbsp;&nbsp;');
-        var spaceSplit = enterSplitText.split(' ');
-        for (var j = 0; j < spaceSplit.length; j++) {
-            if (spaceSplit[j].trim() === '') {
-                contentWithSpace += spaceBetweenContent ? '&nbsp;' : ' ';
+    PasteCleanup.prototype.makeSpace = function (text) {
+        var spacedContent = '';
+        if (text === '') {
+            return text;
+        }
+        var lineBreakSplitText = text.split(' ');
+        for (var i = 0; i < lineBreakSplitText.length; i++) {
+            var currentText = lineBreakSplitText[i];
+            if (currentText === '') {
+                spacedContent += '&nbsp;';
+            }
+            else if (currentText === '\t') {
+                spacedContent += '&nbsp;&nbsp;&nbsp;&nbsp;';
             }
             else {
-                spaceBetweenContent = false;
-                contentWithSpace += spaceSplit[j] + ' ';
+                if (i > 0 && i < lineBreakSplitText.length) {
+                    spacedContent += ' ';
+                }
+                spacedContent += currentText;
             }
         }
-        return contentWithSpace;
+        spacedContent = spacedContent.replace(/\t/g, '&nbsp;&nbsp;&nbsp;&nbsp;');
+        spacedContent = spacedContent.replace(/&nbsp;&nbsp;/g, '&nbsp; ');
+        return spacedContent;
     };
     PasteCleanup.prototype.imgUploading = function (elm) {
         var allImgElm = elm.querySelectorAll('.pasteContent_Img');
@@ -484,7 +508,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'))) {

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

@@ -37,7 +37,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;
@@ -53,7 +53,7 @@ export declare class QuickToolbar {
      * @param {HTMLElement} target - specifies the target element.
      * @returns {void}
      * @hidden
-
+     * @deprecated
      */
     showInlineQTBar(x: number, y: number, target: HTMLElement): void;
     /**
@@ -61,7 +61,7 @@ export declare class QuickToolbar {
      *
      * @returns {void}
      * @hidden
-
+     * @deprecated
      */
     hideInlineQTBar(): void;
     /**
@@ -69,7 +69,7 @@ export declare class QuickToolbar {
      *
      * @returns {void}
      * @hidden
-
+     * @deprecated
      */
     hideQuickToolbars(): void;
     private deBounce;
@@ -85,7 +85,7 @@ export declare class QuickToolbar {
      *
      * @returns {void}
      * @hidden
-
+     * @deprecated
      */
     getInlineBaseToolbar(): BaseToolbar;
     /**
@@ -94,7 +94,7 @@ export declare class QuickToolbar {
      * @function destroy
      * @returns {void}
      * @hidden
-
+     * @deprecated
      */
     destroy(): void;
     private wireInlineQTBarEvents;
@@ -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;