@syncfusion/ej2-richtexteditor 25.1.39 → 25.1.41

package/dist/global/index.d.ts

@@ -1,6 +1,6 @@
 /*!
 *  filename: index.d.ts
-*  version : 25.1.39
+*  version : 25.1.41
 *  Copyright Syncfusion Inc. 2001 - 2023. All rights reserved.
 *  Use of this code is subject to the terms of our license.
 *  A copy of the current license can be obtained at any time by e-mailing

package/package.json

@@ -1,8 +1,8 @@
 {
   "_from": "@syncfusion/ej2-richtexteditor@*",
-  "_id": "@syncfusion/ej2-richtexteditor@25.1.38",
+  "_id": "@syncfusion/ej2-richtexteditor@25.1.39",
   "_inBundle": false,
-  "_integrity": "sha512-z1RBMwgqZdkE0VMxfBJILZ7asZ8xdJ5S87vxM7QVQSwgX1Xa/Yt7+pohXotJlmXCMLarZwZJ9ecU5KCfBqF4Qw==",
+  "_integrity": "sha512-vnRCdIzVVU3ZMq7rEllyCaOR5EaZqQhzFSpJO/Cu1rHpNVZ8FqYIedV0vxClmjmz/9yMbl30dCP7PNJtJ9Eu7A==",
   "_location": "/@syncfusion/ej2-richtexteditor",
   "_phantomChildren": {},
   "_requested": {
@@ -25,8 +25,8 @@
     "/@syncfusion/ej2-react-richtexteditor",
     "/@syncfusion/ej2-vue-richtexteditor"
   ],
-  "_resolved": "https://nexus.syncfusioninternal.com/repository/ej2-hotfix-new/@syncfusion/ej2-richtexteditor/-/ej2-richtexteditor-25.1.38.tgz",
-  "_shasum": "632ae6ac93a8c7190d9a9825e42f10cf16693584",
+  "_resolved": "https://nexus.syncfusioninternal.com/repository/ej2-hotfix-new/@syncfusion/ej2-richtexteditor/-/ej2-richtexteditor-25.1.39.tgz",
+  "_shasum": "3d96b955c7077bca2ff259ca6c380fc9885008a4",
   "_spec": "@syncfusion/ej2-richtexteditor@*",
   "_where": "/jenkins/workspace/elease-automation_release_25.1.1/packages/included",
   "author": {
@@ -39,10 +39,10 @@
   "dependencies": {
     "@syncfusion/ej2-base": "~25.1.35",
     "@syncfusion/ej2-buttons": "~25.1.39",
-    "@syncfusion/ej2-filemanager": "~25.1.39",
-    "@syncfusion/ej2-inputs": "~25.1.38",
-    "@syncfusion/ej2-navigations": "~25.1.39",
-    "@syncfusion/ej2-popups": "~25.1.39",
+    "@syncfusion/ej2-filemanager": "~25.1.40",
+    "@syncfusion/ej2-inputs": "~25.1.40",
+    "@syncfusion/ej2-navigations": "~25.1.41",
+    "@syncfusion/ej2-popups": "~25.1.41",
     "@syncfusion/ej2-splitbuttons": "~25.1.38"
   },
   "deprecated": false,
@@ -69,6 +69,6 @@
     "url": "git+https://github.com/syncfusion/ej2-javascript-ui-controls.git"
   },
   "typings": "index.d.ts",
-  "version": "25.1.39",
+  "version": "25.1.41",
   "sideEffects": false
 }

package/src/editor-manager/plugin/audio.js

@@ -72,7 +72,7 @@ var AudioCommand = /** @class */ (function () {
             isReplaced = true;
         }
         else {
-            wrapElement = createElement('span', { className: classes.CLASS_AUDIO_WRAP, attrs: { contentEditable: 'false', title: e.item.fileName } });
+            wrapElement = createElement('span', { className: classes.CLASS_AUDIO_WRAP, attrs: { contentEditable: 'false', title: ((!isNOU(e.item.title)) ? e.item.title : (!isNOU(e.item.fileName) ? e.item.fileName : '')) } });
             var audElement = createElement('audio', { className: classes.CLASS_AUDIO + ' ' + classes.CLASS_AUDIO_INLINE, attrs: { controls: '' } });
             var sourceElement = createElement('source');
             var clickElement = createElement('span', { className: classes.CLASS_CLICK_ELEM });

package/src/editor-manager/plugin/formats.js

@@ -51,6 +51,12 @@ var Formats = /** @class */ (function () {
                 }
             }
         }
+        if (e.enterAction !== 'BR' && !isNOU(range.startContainer) && !isNOU(range.startContainer.parentElement) && range.startContainer === range.endContainer && range.startContainer.nodeName === '#text' && range.startContainer.parentElement.classList.contains("e-content") && range.startContainer.parentElement.isContentEditable) {
+            var pTag = createElement(e.enterAction);
+            range.startContainer.parentElement.insertBefore(pTag, range.startContainer);
+            pTag.appendChild(range.startContainer);
+            this.parent.nodeSelection.setCursorPoint(this.parent.currentDocument, pTag, 1);
+        }
     };
     Formats.prototype.getBlockParent = function (node, endNode) {
         var currentParent;

package/src/editor-manager/plugin/inserthtml.js

@@ -260,7 +260,7 @@ var InsertHtml = /** @class */ (function () {
                     range.deleteContents();
                     range.setStart(startContainerParent, startIndex);
                     range.setEnd(startContainerParent, startIndex);
-                    if (!isNOU(lasNode)) {
+                    if (!isNOU(lasNode) && lasNode !== editNode) {
                         detach(lasNode);
                     }
                     // eslint-disable-next-line

package/src/editor-manager/plugin/video.js

@@ -129,7 +129,7 @@ var VideoCommand = /** @class */ (function () {
         }
         else {
             if (!e.item.isEmbedUrl) {
-                wrapElement = createElement('span', { className: classes.CLASS_VIDEO_WRAP, attrs: { contentEditable: 'false', title: e.item.fileName } });
+                wrapElement = createElement('span', { className: classes.CLASS_VIDEO_WRAP, attrs: { contentEditable: 'false', title: ((!isNOU(e.item.title)) ? e.item.title : (!isNOU(e.item.fileName) ? e.item.fileName : '')) } });
                 vidElement = createElement('video', { className: classes.CLASS_VIDEO + ' ' + classes.CLASS_VIDEO_INLINE, attrs: { controls: '' } });
                 sourceElement = createElement('source');
                 this.setStyle(sourceElement, e, vidElement);

package/src/rich-text-editor/actions/enter-key.d.ts

@@ -19,4 +19,5 @@ export declare class EnterKeyAction {
     private insertBRElement;
     private insertFocusContent;
     private createInsertElement;
+    private handleCursorAtTableSide;
 }

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

@@ -39,6 +39,17 @@ var EnterKeyAction = /** @class */ (function () {
         this.getRangeNode();
         var isTableEnter = true;
         this.formatTags = ['h1', 'h2', 'h3', 'h4', 'h5', 'h6', 'blockquote'];
+        var isCursorAtTableEnd = this.range.collapsed && (this.range.startContainer.nodeType === 1) &&
+            this.range.startContainer.isContentEditable &&
+            this.range.startContainer.childNodes[this.range.startOffset - 1] &&
+            this.range.startContainer.childNodes[this.range.startOffset - 1].nodeName === 'TABLE';
+        var isCursorAtTableStart = this.range.collapsed && (this.range.startContainer.nodeType === 1) &&
+            this.range.startContainer.isContentEditable && this.range.startContainer.childNodes[this.range.startOffset] &&
+            this.range.startContainer.childNodes[this.range.startOffset].nodeName === 'TABLE';
+        if (isCursorAtTableEnd || isCursorAtTableStart) {
+            this.handleCursorAtTableSide(e, isCursorAtTableStart, isCursorAtTableEnd);
+            return;
+        }
         if (!isNOU(this.startNode.closest('TABLE')) && !isNOU(this.endNode.closest('TABLE'))) {
             isTableEnter = false;
             var curElement = this.startNode;
@@ -497,6 +508,41 @@ var EnterKeyAction = /** @class */ (function () {
         }
         return insertElem;
     };
+    EnterKeyAction.prototype.handleCursorAtTableSide = function (e, isStart, isEnd) {
+        var _this = this;
+        if (this.parent.enterKey !== 'BR') {
+            var shiftKey_2 = e.args.shiftKey;
+            var actionBeginArgs = {
+                cancel: false,
+                name: events.actionBegin,
+                requestType: shiftKey_2 ? 'ShiftEnterAction' : 'EnterAction',
+                originalEvent: e.args
+            };
+            this.parent.trigger(events.actionBegin, actionBeginArgs, function (actionBeginArgs) {
+                if (!actionBeginArgs.cancel) {
+                    var newElement = _this.parent.createElement(_this.parent.enterKey);
+                    newElement.innerHTML = '<br>';
+                    var tableElement = void 0;
+                    if (isStart) {
+                        tableElement = _this.range.startContainer.childNodes[_this.range.startOffset];
+                        tableElement.parentElement.insertBefore(newElement, tableElement);
+                    }
+                    if (isEnd) {
+                        tableElement = _this.range.startContainer.childNodes[_this.range.startOffset - 1];
+                        if (!isNOU(tableElement.nextSibling)) {
+                            tableElement.parentElement.insertBefore(newElement, tableElement.nextSibling);
+                        }
+                        else if (isNOU(tableElement.nextSibling)) {
+                            tableElement.parentElement.appendChild(newElement);
+                        }
+                    }
+                    _this.parent.formatter.editorManager.nodeSelection.setCursorPoint(_this.parent.contentModule.getDocument(), newElement, 0);
+                    e.args.preventDefault();
+                    _this.parent.trigger(events.actionComplete, { requestType: shiftKey_2 ? 'ShiftEnterAction' : 'EnterAction', args: e.args });
+                }
+            });
+        }
+    };
     return EnterKeyAction;
 }());
 export { EnterKeyAction };

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

@@ -76,7 +76,6 @@ export declare class PasteCleanup {
     private deniedTags;
     private deniedAttributes;
     private allowedStyle;
-    private findLastElement;
     private processPictureElement;
     /**
      * For internal use only - Get the module name.

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

@@ -9,7 +9,7 @@ import { CLS_RTE_IMAGE, CLS_IMGINLINE, CLS_IMGBREAK } from '../base/classes';
 import { pasteCleanupGroupingTags } from '../../common/config';
 import { NodeSelection } from '../../selection/selection';
 import * as EVENTS from './../../common/constant';
-import { RenderType } from '../base/enum';
+import { RenderType, UploadRequest } from '../base/enum';
 import { Uploader } from '@syncfusion/ej2-inputs';
 import * as classes from '../base/classes';
 import { sanitizeHelper, convertToBlob, getDefaultValue } from '../base/util';
@@ -410,6 +410,7 @@ var PasteCleanup = /** @class */ (function () {
         var _this = this;
         this.parent.inputElement.contentEditable = 'true';
         e.element = imgElem;
+        e.requestType = UploadRequest.Pasted;
         this.parent.trigger(events.imageUploadSuccess, e, function (e) {
             if (!isNullOrUndefined(_this.parent.insertImageSettings.path)) {
                 var url = _this.parent.insertImageSettings.path + e.file.name;
@@ -718,21 +719,6 @@ var PasteCleanup = /** @class */ (function () {
             this.parent.formatter.editorManager.execCommand('inserthtml', 'pasteCleanup', args, function (returnArgs) {
                 extend(args, { elements: returnArgs.elements, imageElements: returnArgs.imgElem }, true);
                 _this.parent.formatter.onSuccess(_this.parent, args);
-                if (!isNOU(returnArgs.elements) && !isNOU(returnArgs.imgElem) &&
-                    returnArgs.imgElem.length > 0) {
-                    var pasteContent = returnArgs.elements;
-                    var imageContent = returnArgs.imgElem;
-                    var lastElementChild = _this.findLastElement(pasteContent[pasteContent.length - 1]);
-                    var isImageAtLast = !isNOU(lastElementChild) ? lastElementChild.nodeName === 'IMG' : false;
-                    if (isImageAtLast || pasteContent[pasteContent.length - 1] === imageContent[imageContent.length - 1]) {
-                        _this.parent.notify(events.insertCompleted, {
-                            args: args.event,
-                            type: 'Images',
-                            isNotify: true,
-                            elements: imageContent[imageContent.length - 1]
-                        });
-                    }
-                }
             }, clipBoardElem, null, null, this.parent.enterKey);
             this.removeTempClass();
             this.parent.notify(events.toolbarRefresh, {});
@@ -1131,16 +1117,6 @@ var PasteCleanup = /** @class */ (function () {
         }
         return clipBoardElem;
     };
-    PasteCleanup.prototype.findLastElement = function (element) {
-        if (!isNOU(element) && !isNOU(element.lastElementChild)) {
-            var lastChild = element.lastElementChild;
-            while (lastChild && lastChild.lastElementChild) {
-                lastChild = lastChild.lastElementChild;
-            }
-            return lastChild;
-        }
-        return null;
-    };
     PasteCleanup.prototype.processPictureElement = function (clipBoardElem) {
         var pictureElems = clipBoardElem.querySelectorAll('picture');
         for (var i = 0; i < pictureElems.length; i++) {

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

@@ -64,3 +64,14 @@ export declare type ToolbarItems = 'alignments' | 'justifyLeft' | 'justifyCenter
  * Defines types to be used to configure the toolbarSettings items.
  */
 export declare type ToolbarConfigItems = 'Alignments' | 'JustifyLeft' | 'JustifyCenter' | 'JustifyRight' | 'JustifyFull' | 'FontName' | 'FontSize' | 'FontColor' | 'BackgroundColor' | 'Bold' | 'Italic' | 'Underline' | 'StrikeThrough' | 'ClearFormat' | 'ClearAll' | 'Cut' | 'Copy' | 'Paste' | 'UnorderedList' | 'OrderedList' | 'Indent' | 'Outdent' | 'Undo' | 'Redo' | 'SuperScript' | 'SubScript' | 'CreateLink' | 'Image' | 'CreateTable' | 'InsertLink' | 'FullScreen' | 'LowerCase' | 'UpperCase' | 'Print' | 'Formats' | 'FormatPainter' | 'EmojiPicker' | 'UnderLine' | 'ZoomOut' | 'ZoomIn' | 'SourceCode' | 'Preview' | 'ViewSide' | 'InsertCode' | 'Audio' | 'Video' | 'NumberFormatList' | 'BulletFormatList' | 'FileManager' | '|' | '-';
+/**
+ * Defines types to be used as inserted image.
+ */
+export declare enum UploadRequest {
+    /** Defines UploadRequest as Uploaded */
+    Uploaded = "Uploaded",
+    /** Defines UploadRequest as Dropped */
+    Dropped = "Dropped",
+    /** Defines UploadRequest as Pasted */
+    Pasted = "Pasted"
+}

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

@@ -61,3 +61,15 @@ export var DialogType;
     DialogType["InsertTable"] = "InsertTable";
     /* eslint-enable */
 })(DialogType || (DialogType = {}));
+/**
+ * Defines types to be used as inserted image.
+ */
+export var UploadRequest;
+(function (UploadRequest) {
+    /** Defines UploadRequest as Uploaded */
+    UploadRequest["Uploaded"] = "Uploaded";
+    /** Defines UploadRequest as Dropped */
+    UploadRequest["Dropped"] = "Dropped";
+    /** Defines UploadRequest as Pasted */
+    UploadRequest["Pasted"] = "Pasted";
+})(UploadRequest || (UploadRequest = {}));

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

@@ -1,7 +1,7 @@
 import { Component, Observer, L10n, KeyboardEventArgs, EmitType } from '@syncfusion/ej2-base';
 import { ItemModel, OverflowMode } from '@syncfusion/ej2-navigations';
 import { ItemModel as DropDownItemModel, DropDownButton } from '@syncfusion/ej2-splitbuttons';
-import { ToolbarType, RenderType } from './enum';
+import { ToolbarType, RenderType, UploadRequest } from './enum';
 import { Toolbar } from '../actions/toolbar';
 import { UndoRedoManager } from '../../editor-manager/plugin/undo';
 import { ClickEventArgs } from '@syncfusion/ej2-navigations';
@@ -428,6 +428,8 @@ export interface IAudioCommandsArgs {
     cssClass?: string;
     /** Defines the audio element to be edited */
     selectParent?: Node[];
+    /** Defines the title of the audio */
+    title?: string;
 }
 /**
  * Provides information about a Video added in the Rich Text Editor.
@@ -457,6 +459,8 @@ export interface IVideoCommandsArgs {
     cssClass?: string;
     /** Defines the video element to be edited */
     selectParent?: Node[];
+    /** Defines the title of the video */
+    title?: string;
 }
 /**
 
@@ -1154,6 +1158,10 @@ export interface ImageSuccessEventArgs {
      * Specify the name of the event.
      */
     element?: HTMLElement;
+    /**
+     * Specify the request type of the event.
+     */
+    requestType?: UploadRequest;
 }
 /**
  * Provides information about a ImageFailed event.

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

@@ -7,7 +7,7 @@ import { ViewSource } from '../renderer/view-source';
 import { IRenderer, IFormatter, ActionCompleteEventArgs, ActionBeginEventArgs, ImageDropEventArgs } from './interface';
 import { CommandName, ResizeArgs, ToolbarStatusEventArgs } from './interface';
 import { BeforeQuickToolbarOpenArgs, ChangeEventArgs, AfterImageDeleteEventArgs, AfterMediaDeleteEventArgs, PasteCleanupArgs } from './interface';
-import { ILinkCommandsArgs, IImageCommandsArgs, BeforeSanitizeHtmlArgs, ITableCommandsArgs, ExecuteCommandOption } from './interface';
+import { ILinkCommandsArgs, IImageCommandsArgs, IAudioCommandsArgs, IVideoCommandsArgs, BeforeSanitizeHtmlArgs, ITableCommandsArgs, ExecuteCommandOption } from './interface';
 import { ServiceLocator } from '../services/service-locator';
 import { DialogType } from './enum';
 import { EditorMode, ShiftEnterKey, EnterKey, ContentHeightSource } from './../../common/types';
@@ -1163,7 +1163,7 @@ export declare class RichTextEditor extends Component<HTMLElement> implements IN
      * @param {ExecuteCommandOption} option - specifies the command option
      * @public
      */
-    executeCommand(commandName: CommandName, value?: string | HTMLElement | ILinkCommandsArgs | IImageCommandsArgs | ITableCommandsArgs | FormatPainterSettingsModel, option?: ExecuteCommandOption): void;
+    executeCommand(commandName: CommandName, value?: string | HTMLElement | ILinkCommandsArgs | IImageCommandsArgs | ITableCommandsArgs | FormatPainterSettingsModel | IAudioCommandsArgs | IVideoCommandsArgs, option?: ExecuteCommandOption): void;
     private htmlPurifier;
     private encode;
     /**

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

@@ -177,7 +177,8 @@ var Formatter = /** @class */ (function () {
             event: e, callBack: function () {
                 self.notify(CONSTANT.contentChanged, {});
                 _this.enableUndo(self);
-            }
+            },
+            enterAction: self.enterKey
         });
     };
     /**

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

@@ -5,7 +5,7 @@ import * as classes from '../base/classes';
 import { Uploader, TextBox } from '@syncfusion/ej2-inputs';
 import { Popup } from '@syncfusion/ej2-popups';
 import { Button, CheckBox } from '@syncfusion/ej2-buttons';
-import { RenderType } from '../base/enum';
+import { RenderType, UploadRequest } from '../base/enum';
 import { dispatchEvent, parseHtml, hasClass, convertToBlob } from '../base/util';
 import { isIDevice } from '../../common/util';
 import { imageResizeFactor } from '../../common/config';
@@ -1797,6 +1797,7 @@ var Image = /** @class */ (function () {
                 }
             },
             success: function (e) {
+                e.requestType = UploadRequest.Uploaded;
                 _this.parent.trigger(events.imageUploadSuccess, e, function (e) {
                     if (!isNOU(_this.parent.insertImageSettings.path)) {
                         var url = _this.parent.insertImageSettings.path + e.file.name;
@@ -2242,6 +2243,7 @@ var Image = /** @class */ (function () {
         imageElement.style.opacity = '1';
         imageElement.classList.add(classes.CLS_IMG_FOCUS);
         e.element = imageElement;
+        e.requestType = UploadRequest.Dropped;
         this.parent.trigger(events.imageUploadSuccess, e, function (e) {
             if (!isNOU(_this.parent.insertImageSettings.path)) {
                 var url = _this.parent.insertImageSettings.path + e.file.name;