@syncfusion/ej2-richtexteditor 20.2.49 → 20.3.47

package/dist/global/index.d.ts

@@ -1,6 +1,6 @@
 /*!
 *  filename: index.d.ts
-*  version : 20.2.49
+*  version : 20.3.47
 *  Copyright Syncfusion Inc. 2001 - 2020. 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@20.2.46",
+  "_id": "@syncfusion/ej2-richtexteditor@19.11.12",
   "_inBundle": false,
-  "_integrity": "sha512-FAxbJFQ7jN+BCDvMXfKxfjAADZCh+sqZcmpSQOlIMiI4yS6sqD6zCPQ4/cu+3cCOqT3hMOoWCoIEZEnVJlZWLg==",
+  "_integrity": "sha512-4q7ZJue2f3t843HZSANxj3NEeKIu8zvk5EuS7BYow2Q0OQkVnp+KuG7B5Kz6I2bnbPvHgY+zPDmNqmsn+isMvg==",
   "_location": "/@syncfusion/ej2-richtexteditor",
   "_phantomChildren": {},
   "_requested": {
@@ -26,8 +26,8 @@
     "/@syncfusion/ej2-react-richtexteditor",
     "/@syncfusion/ej2-vue-richtexteditor"
   ],
-  "_resolved": "http://nexus.syncfusion.com/repository/ej2-hotfix-new/@syncfusion/ej2-richtexteditor/-/ej2-richtexteditor-20.2.46.tgz",
-  "_shasum": "e9b1bd287385eee5a5111fe68f948c89541b35b9",
+  "_resolved": "http://nexus.syncfusion.com/repository/ej2-release/@syncfusion/ej2-richtexteditor/-/ej2-richtexteditor-19.11.12.tgz",
+  "_shasum": "7f18820fe6681dab037841759aafeab03a840dbf",
   "_spec": "@syncfusion/ej2-richtexteditor@*",
   "_where": "/jenkins/workspace/automation_release_19.1.0.1-ZPMUBNQ6AUYH6YGEFBPVYMEQLRRW2SLD4XCZ6GATNZJFYJ3RIAOA/packages/included",
   "author": {
@@ -38,18 +38,18 @@
   },
   "bundleDependencies": false,
   "dependencies": {
-    "@syncfusion/ej2-base": "~20.2.48",
-    "@syncfusion/ej2-buttons": "~20.2.46",
-    "@syncfusion/ej2-filemanager": "~20.2.45",
-    "@syncfusion/ej2-inputs": "~20.2.48",
-    "@syncfusion/ej2-navigations": "~20.2.49",
-    "@syncfusion/ej2-popups": "~20.2.49",
-    "@syncfusion/ej2-splitbuttons": "~20.2.45"
+    "@syncfusion/ej2-base": "~20.3.47",
+    "@syncfusion/ej2-buttons": "~20.3.47",
+    "@syncfusion/ej2-filemanager": "~20.3.47",
+    "@syncfusion/ej2-inputs": "~20.3.47",
+    "@syncfusion/ej2-navigations": "~20.3.47",
+    "@syncfusion/ej2-popups": "~20.3.47",
+    "@syncfusion/ej2-splitbuttons": "~20.3.47"
   },
   "deprecated": false,
   "description": "Essential JS 2 RichTextEditor component",
   "devDependencies": {},
-  "es2015": "./dist/es6/ej2-richtexteditor.es2015.js",
+  "es2015": "./dist/es6/ej2-richtexteditor.es5.js",
   "homepage": "https://github.com/syncfusion/ej2-javascript-ui-controls#readme",
   "keywords": [
     "ej2",
@@ -70,6 +70,6 @@
     "url": "git+https://github.com/syncfusion/ej2-javascript-ui-controls.git"
   },
   "typings": "index.d.ts",
-  "version": "20.2.49",
+  "version": "20.3.47",
   "sideEffects": false
 }

package/src/common/config.js

@@ -40,6 +40,8 @@ export var htmlKeyConfig = {
     'escape': '27',
     'insert-link': 'ctrl+k',
     'insert-image': 'ctrl+shift+i',
+    'insert-audio': 'ctrl+shift+a',
+    'insert-video': 'ctrl+shift+v',
     'insert-table': 'ctrl+shift+e',
     'undo': 'ctrl+z',
     'redo': 'ctrl+y',

package/src/common/types.d.ts

@@ -6,6 +6,10 @@ export declare type EditorMode = 'HTML' | 'Markdown';
  * Defines types to be used to save the image.
  */
 export declare type SaveFormat = 'Base64' | 'Blob';
+/**
+ * Defines types to be used to display the layout of the audio/video.
+ */
+export declare type DisplayLayoutOptions = 'Inline' | 'Break';
 /**
  * Defines tag to be used when enter key is pressed.
  */

package/src/editor-manager/base/classes.d.ts

@@ -8,8 +8,24 @@
 export declare const CLASS_IMAGE_RIGHT: string;
 export declare const CLASS_IMAGE_LEFT: string;
 export declare const CLASS_IMAGE_CENTER: string;
+export declare const CLASS_VIDEO_RIGHT: string;
+export declare const CLASS_VIDEO_LEFT: string;
+export declare const CLASS_VIDEO_CENTER: string;
 export declare const CLASS_IMAGE_BREAK: string;
+export declare const CLASS_AUDIO_BREAK: string;
+export declare const CLASS_VIDEO_BREAK: string;
 export declare const CLASS_CAPTION: string;
 export declare const CLASS_RTE_CAPTION: string;
 export declare const CLASS_CAPTION_INLINE: string;
 export declare const CLASS_IMAGE_INLINE: string;
+export declare const CLASS_AUDIO_INLINE: string;
+export declare const CLASS_CLICK_ELEM: string;
+export declare const CLASS_VIDEO_CLICK_ELEM: string;
+export declare const CLASS_AUDIO: string;
+export declare const CLASS_VIDEO: string;
+export declare const CLASS_AUDIO_WRAP: string;
+export declare const CLASS_VIDEO_WRAP: string;
+export declare const CLASS_EMBED_VIDEO_WRAP: string;
+export declare const CLASS_AUDIO_FOCUS: string;
+export declare const CLASS_VIDEO_FOCUS: string;
+export declare const CLASS_VIDEO_INLINE: string;

package/src/editor-manager/base/classes.js

@@ -8,8 +8,24 @@
 export var CLASS_IMAGE_RIGHT = 'e-imgright';
 export var CLASS_IMAGE_LEFT = 'e-imgleft';
 export var CLASS_IMAGE_CENTER = 'e-imgcenter';
+export var CLASS_VIDEO_RIGHT = 'e-video-right';
+export var CLASS_VIDEO_LEFT = 'e-video-left';
+export var CLASS_VIDEO_CENTER = 'e-video-center';
 export var CLASS_IMAGE_BREAK = 'e-imgbreak';
+export var CLASS_AUDIO_BREAK = 'e-audio-break';
+export var CLASS_VIDEO_BREAK = 'e-video-break';
 export var CLASS_CAPTION = 'e-img-caption';
 export var CLASS_RTE_CAPTION = 'e-rte-img-caption';
 export var CLASS_CAPTION_INLINE = 'e-caption-inline';
 export var CLASS_IMAGE_INLINE = 'e-imginline';
+export var CLASS_AUDIO_INLINE = 'e-audio-inline';
+export var CLASS_CLICK_ELEM = 'e-clickelem';
+export var CLASS_VIDEO_CLICK_ELEM = 'e-video-clickelem';
+export var CLASS_AUDIO = 'e-rte-audio';
+export var CLASS_VIDEO = 'e-rte-video';
+export var CLASS_AUDIO_WRAP = 'e-audio-wrap';
+export var CLASS_VIDEO_WRAP = 'e-video-wrap';
+export var CLASS_EMBED_VIDEO_WRAP = 'e-embed-video-wrap';
+export var CLASS_AUDIO_FOCUS = 'e-audio-focus';
+export var CLASS_VIDEO_FOCUS = 'e-video-focus';
+export var CLASS_VIDEO_INLINE = 'e-video-inline';

package/src/editor-manager/base/constant.d.ts

@@ -7,6 +7,8 @@
  * @hidden
  */
 export declare const IMAGE: string;
+export declare const AUDIO: string;
+export declare const VIDEO: string;
 export declare const TABLE: string;
 export declare const LINK: string;
 export declare const INSERT_ROW: string;

package/src/editor-manager/base/constant.js

@@ -7,6 +7,8 @@
  * @hidden
  */
 export var IMAGE = 'INSERT-IMAGE';
+export var AUDIO = 'INSERT-AUDIO';
+export var VIDEO = 'INSERT-VIDEO';
 export var TABLE = 'INSERT-TABLE';
 export var LINK = 'INSERT-LINK';
 export var INSERT_ROW = 'INSERT-ROW';

package/src/editor-manager/base/editor-manager.d.ts

@@ -9,6 +9,8 @@ import { LinkCommand } from './../plugin/link';
 import { Alignments } from './../plugin/alignments';
 import { Indents } from './../plugin/indents';
 import { ImageCommand } from './../plugin/image';
+import { AudioCommand } from './../plugin/audio';
+import { VideoCommand } from './../plugin/video';
 import { TableCommand } from './../plugin/table';
 import { SelectionBasedExec } from './../plugin/selection-exec';
 import { InsertHtmlExec } from './../plugin/inserthtml-exec';
@@ -35,6 +37,8 @@ export declare class EditorManager {
     alignmentObj: Alignments;
     indentsObj: Indents;
     imgObj: ImageCommand;
+    audioObj: AudioCommand;
+    videoObj: VideoCommand;
     tableObj: TableCommand;
     selectionObj: SelectionBasedExec;
     inserthtmlObj: InsertHtmlExec;

package/src/editor-manager/base/editor-manager.js

@@ -8,6 +8,8 @@ import { LinkCommand } from './../plugin/link';
 import { Alignments } from './../plugin/alignments';
 import { Indents } from './../plugin/indents';
 import { ImageCommand } from './../plugin/image';
+import { AudioCommand } from './../plugin/audio';
+import { VideoCommand } from './../plugin/video';
 import { TableCommand } from './../plugin/table';
 import { SelectionBasedExec } from './../plugin/selection-exec';
 import { InsertHtmlExec } from './../plugin/inserthtml-exec';
@@ -44,6 +46,8 @@ var EditorManager = /** @class */ (function () {
         this.indentsObj = new Indents(this);
         this.linkObj = new LinkCommand(this);
         this.imgObj = new ImageCommand(this);
+        this.audioObj = new AudioCommand(this);
+        this.videoObj = new VideoCommand(this);
         this.selectionObj = new SelectionBasedExec(this);
         this.inserthtmlObj = new InsertHtmlExec(this);
         this.insertTextObj = new InsertTextExec(this);
@@ -126,6 +130,16 @@ var EditorManager = /** @class */ (function () {
                     command: command, value: value, item: exeValue, event: event, callBack: callBack, selector: selector
                 });
                 break;
+            case 'audios':
+                this.observer.notify(CONSTANT.AUDIO, {
+                    command: command, value: value, item: exeValue, event: event, callBack: callBack, selector: selector
+                });
+                break;
+            case 'videos':
+                this.observer.notify(CONSTANT.VIDEO, {
+                    command: command, value: value, item: exeValue, event: event, callBack: callBack, selector: selector
+                });
+                break;
             case 'table':
                 switch (value.toString().toLocaleLowerCase()) {
                     case 'createtable':

package/src/editor-manager/base/interface.d.ts

@@ -97,6 +97,7 @@ export interface IHtmlItemArgs {
     selectParent?: Node[];
     src?: string;
     url?: string;
+    isEmbedUrl?: string;
     text?: string;
     title?: string;
     target?: string;
@@ -111,6 +112,7 @@ export interface IHtmlItemArgs {
         height?: string | number;
     };
     altText?: string;
+    fileName?: string;
     rows?: number;
     columns?: number;
     subCommand?: string;

package/src/editor-manager/plugin/audio.d.ts

@@ -0,0 +1,32 @@
+import { EditorManager } from './../base/editor-manager';
+import { IHtmlItem } from './../base/interface';
+/**
+ * Audio internal component
+ *
+ * @hidden
+
+ */
+export declare class AudioCommand {
+    private parent;
+    /**
+     * Constructor for creating the Audio plugin
+     *
+     * @param {EditorManager} parent - specifies the parent element
+     * @hidden
+
+     */
+    constructor(parent: EditorManager);
+    private addEventListener;
+    /**
+     * audioCommand method
+     *
+     * @param {IHtmlItem} e - specifies the element
+     * @returns {void}
+     * @hidden
+
+     */
+    audioCommand(e: IHtmlItem): void;
+    private createAudio;
+    private setStyle;
+    private callBack;
+}

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

@@ -0,0 +1,133 @@
+import { createElement, isNullOrUndefined as isNOU, detach, addClass, Browser } from '@syncfusion/ej2-base';
+import * as CONSTANT from './../base/constant';
+import * as classes from './../base/classes';
+import { InsertHtml } from './inserthtml';
+/**
+ * Audio internal component
+ *
+ * @hidden
+
+ */
+var AudioCommand = /** @class */ (function () {
+    /**
+     * Constructor for creating the Audio plugin
+     *
+     * @param {EditorManager} parent - specifies the parent element
+     * @hidden
+
+     */
+    function AudioCommand(parent) {
+        this.parent = parent;
+        this.addEventListener();
+    }
+    AudioCommand.prototype.addEventListener = function () {
+        this.parent.observer.on(CONSTANT.AUDIO, this.audioCommand, this);
+    };
+    /**
+     * audioCommand method
+     *
+     * @param {IHtmlItem} e - specifies the element
+     * @returns {void}
+     * @hidden
+
+     */
+    AudioCommand.prototype.audioCommand = function (e) {
+        var selectNode;
+        var value = e.value.toString().toLowerCase();
+        if (value === 'inline' || value === 'break' || value === 'audioremove') {
+            selectNode = e.item.selectNode[0];
+        }
+        switch (value) {
+            case 'audio':
+            case 'audioreplace':
+                this.createAudio(e);
+                break;
+            case 'inline':
+                selectNode.removeAttribute('class');
+                selectNode.closest('.' + classes.CLASS_AUDIO_WRAP).style.display = 'inline-block';
+                addClass([selectNode], [classes.CLASS_AUDIO, classes.CLASS_AUDIO_INLINE, classes.CLASS_AUDIO_FOCUS]);
+                this.callBack(e);
+                break;
+            case 'break':
+                selectNode.removeAttribute('class');
+                selectNode.closest('.' + classes.CLASS_AUDIO_WRAP).style.display = 'block';
+                addClass([selectNode], [classes.CLASS_AUDIO_BREAK, classes.CLASS_AUDIO, classes.CLASS_AUDIO_FOCUS]);
+                this.callBack(e);
+                break;
+            case 'audioremove':
+                detach(selectNode);
+                this.callBack(e);
+                break;
+        }
+    };
+    AudioCommand.prototype.createAudio = function (e) {
+        var _this = this;
+        var isReplaced = false;
+        var wrapElement;
+        if (!isNOU(e.item.selectParent) && e.item.selectParent[0].classList &&
+            (e.item.selectParent[0].classList.contains(classes.CLASS_CLICK_ELEM) ||
+                e.item.selectParent[0].classList.contains(classes.CLASS_AUDIO_WRAP))) {
+            var audioEle = e.item.selectParent[0].querySelector('source');
+            this.setStyle(audioEle, e);
+            isReplaced = true;
+        }
+        else {
+            wrapElement = createElement('span', { className: classes.CLASS_AUDIO_WRAP, attrs: { contentEditable: 'false', title: 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 });
+            this.setStyle(sourceElement, e);
+            audElement.appendChild(sourceElement);
+            clickElement.appendChild(audElement);
+            wrapElement.appendChild(clickElement);
+            if (!isNOU(e.item.selection)) {
+                e.item.selection.restore();
+            }
+            InsertHtml.Insert(this.parent.currentDocument, wrapElement, this.parent.editableElement);
+            if (wrapElement.nextElementSibling === null) {
+                var insertElem = createElement('br');
+                wrapElement.parentNode.insertBefore(insertElem, wrapElement.nextSibling);
+            }
+        }
+        if (e.callBack && (isNOU(e.selector) || !isNOU(e.selector) && e.selector !== 'pasteCleanupModule')) {
+            var selectedNode = this.parent.nodeSelection.getSelectedNodes(this.parent.currentDocument)[0];
+            var audioElm_1 = (e.value === 'AudioReplace' || isReplaced) ? e.item.selectParent[0].querySelector('audio')
+                : (Browser.isIE ? selectedNode : selectedNode.querySelector('audio'));
+            audioElm_1.addEventListener('loadeddata', function () {
+                if (e.value !== 'AudioReplace' || !isReplaced) {
+                    e.callBack({
+                        requestType: 'Audios',
+                        editorMode: 'HTML',
+                        event: e.event,
+                        range: _this.parent.nodeSelection.getRange(_this.parent.currentDocument),
+                        elements: [audioElm_1]
+                    });
+                }
+            });
+            if (isReplaced) {
+                audioElm_1.load();
+            }
+        }
+    };
+    AudioCommand.prototype.setStyle = function (sourceElement, e) {
+        if (!isNOU(e.item.url)) {
+            sourceElement.setAttribute('src', e.item.url);
+        }
+        sourceElement.type = e.item.fileName && e.item.fileName.split('.').length > 0 ?
+            'audio/' + e.item.fileName.split('.')[e.item.fileName.split('.').length - 1] :
+            e.item.url && e.item.url.split('.').length > 0 ? 'audio/' + e.item.url.split('.')[e.item.url.split('.').length - 1] : '';
+    };
+    AudioCommand.prototype.callBack = function (e) {
+        if (e.callBack) {
+            e.callBack({
+                requestType: e.item.subCommand,
+                editorMode: 'HTML',
+                event: e.event,
+                range: this.parent.nodeSelection.getRange(this.parent.currentDocument),
+                elements: this.parent.nodeSelection.getSelectedNodes(this.parent.currentDocument)
+            });
+        }
+    };
+    return AudioCommand;
+}());
+export { AudioCommand };

package/src/editor-manager/plugin/dom-node.js

@@ -541,7 +541,7 @@ var DOMNode = /** @class */ (function () {
                 markerStart.appendChild(start);
             }
             else {
-                if (start.nodeType != 3 && start.nodeName != '#text') {
+                if (start.nodeType !== 3 && start.nodeName !== '#text') {
                     var marker = this.marker(markerClassName.startSelection, '');
                     append([this.parseHTMLFragment(marker)], start);
                 }

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

@@ -198,7 +198,7 @@ var ImageCommand = /** @class */ (function () {
         }
         else {
             detach(selectParent);
-            if (Browser.isIE) {
+            if (Browser.isIE && e.item.selection) {
                 e.item.selection.restore();
             }
             InsertHtml.Insert(this.parent.currentDocument, e.item.insertElement, this.parent.editableElement);

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

@@ -320,7 +320,7 @@ var InsertHtml = /** @class */ (function () {
     InsertHtml.getNodeCollection = function (range, nodeSelection, node) {
         var nodes = [];
         if (range.startOffset === range.endOffset && range.startContainer === range.endContainer &&
-            range.startContainer.nodeName != 'BR' && range.startContainer.childNodes.length > 0 &&
+            range.startContainer.nodeName !== 'BR' && range.startContainer.childNodes.length > 0 &&
             (range.startContainer.nodeName === 'TD' || (range.startContainer.nodeType !== 3 &&
                 node.classList && node.classList.contains('pasteContent')))) {
             nodes.push(range.startContainer.childNodes[range.endOffset]);

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

@@ -26,8 +26,8 @@ var Lists = /** @class */ (function () {
     }
     Lists.prototype.addEventListener = function () {
         this.parent.observer.on(EVENTS.LIST_TYPE, this.applyListsHandler, this);
-        this.parent.observer.on(EVENTS.KEY_DOWN_HANDLER, this.keyDownHandler, this);
         this.parent.observer.on(EVENTS.KEY_UP_HANDLER, this.onKeyUp, this);
+        this.parent.observer.on(EVENTS.KEY_DOWN_HANDLER, this.keyDownHandler, this);
         this.parent.observer.on(EVENTS.SPACE_ACTION, this.spaceKeyAction, this);
     };
     Lists.prototype.testList = function (elem) {
@@ -192,9 +192,9 @@ var Lists = /** @class */ (function () {
         if (((range.commonAncestorContainer.nodeName === 'OL' || range.commonAncestorContainer.nodeName === 'UL' || range.commonAncestorContainer.nodeName === 'LI') &&
             isNOU(endNode.nextElementSibling) && endNode.textContent.length === range.endOffset &&
             isNOU(startNode.previousElementSibling) && range.startOffset === 0) ||
-            (Browser.userAgent.indexOf('Firefox') != -1 && range.startContainer === range.endContainer && range.startContainer === this.parent.editableElement &&
+            (Browser.userAgent.indexOf('Firefox') !== -1 && range.startContainer === range.endContainer && range.startContainer === this.parent.editableElement &&
                 range.startOffset === 0 && range.endOffset === 1)) {
-            if (Browser.userAgent.indexOf('Firefox') != -1) {
+            if (Browser.userAgent.indexOf('Firefox') !== -1) {
                 detach(range.commonAncestorContainer.childNodes[0]);
             }
             else if (range.commonAncestorContainer.nodeName === 'LI') {
@@ -472,10 +472,12 @@ var Lists = /** @class */ (function () {
     };
     Lists.prototype.applyListsHandler = function (e) {
         var range = this.parent.nodeSelection.getRange(this.parent.currentDocument);
-        if (Browser.userAgent.indexOf('Firefox') != -1 && range.startContainer === range.endContainer && range.startContainer === this.parent.editableElement) {
+        if (Browser.userAgent.indexOf('Firefox') !== -1 && range.startContainer === range.endContainer && range.startContainer === this.parent.editableElement) {
             var startChildNodes = range.startContainer.childNodes;
-            var startNode = ((startChildNodes[(range.startOffset > 0) ? (range.startOffset - 1) : range.startOffset]) || range.startContainer);
-            var endNode = (range.endContainer.childNodes[(range.endOffset > 0) ? (range.endOffset - 1) : range.endOffset] || range.endContainer);
+            var startNode = ((startChildNodes[(range.startOffset > 0) ? (range.startOffset - 1) :
+                range.startOffset]) || range.startContainer);
+            var endNode = (range.endContainer.childNodes[(range.endOffset > 0) ? (range.endOffset - 1) :
+                range.endOffset] || range.endContainer);
             var lastSelectionNode = endNode.lastChild.nodeName === 'BR' ? (isNOU(endNode.lastChild.previousSibling) ? endNode
                 : endNode.lastChild.previousSibling) : endNode.lastChild;
             while (!isNOU(lastSelectionNode) && lastSelectionNode.nodeName !== '#text' && lastSelectionNode.nodeName !== 'IMG' &&
@@ -487,8 +489,8 @@ var Lists = /** @class */ (function () {
         }
         if (range.startContainer === range.endContainer && range.startContainer === this.parent.editableElement &&
             range.startOffset === range.endOffset && range.startOffset === 0 &&
-            this.parent.editableElement.textContent.length === 0 && (this.parent.editableElement.childNodes[0].nodeName != 'TABLE' &&
-            this.parent.editableElement.childNodes[0].nodeName != 'IMG')) {
+            this.parent.editableElement.textContent.length === 0 && (this.parent.editableElement.childNodes[0].nodeName !== 'TABLE' &&
+            this.parent.editableElement.childNodes[0].nodeName !== 'IMG')) {
             var focusNode = range.startContainer.childNodes[0];
             this.parent.nodeSelection.setSelectionText(this.parent.currentDocument, focusNode, focusNode, 0, 0);
             range = this.parent.nodeSelection.getRange(this.parent.currentDocument);

package/src/editor-manager/plugin/ms-word-clean-up.js

@@ -525,36 +525,36 @@ var MsWordPaste = /** @class */ (function () {
         var currentListClass;
         if (type === 'ol') {
             switch (listContent.split('.')[0]) {
-                case "A":
-                    currentListClass = "upper-alpha";
+                case 'A':
+                    currentListClass = 'upper-alpha';
                     break;
-                case "a":
-                    currentListClass = "lower-alpha";
+                case 'a':
+                    currentListClass = 'lower-alpha';
                     break;
-                case "I":
-                    currentListClass = "upper-roman";
+                case 'I':
+                    currentListClass = 'upper-roman';
                     break;
-                case "i":
-                    currentListClass = "lower-roman";
+                case 'i':
+                    currentListClass = 'lower-roman';
                     break;
-                case "α":
-                    currentListClass = "lower-greek";
+                case 'α':
+                    currentListClass = 'lower-greek';
                     break;
                 default:
-                    currentListClass = "decimal";
+                    currentListClass = 'decimal';
                     break;
             }
         }
         else {
             switch (listContent.split('.')[0]) {
-                case "o":
-                    currentListClass = "circle";
+                case 'o':
+                    currentListClass = 'circle';
                     break;
-                case "§":
-                    currentListClass = "square";
+                case '§':
+                    currentListClass = 'square';
                     break;
                 default:
-                    currentListClass = "disc";
+                    currentListClass = 'disc';
                     break;
             }
         }
@@ -598,8 +598,8 @@ var MsWordPaste = /** @class */ (function () {
                     for (var j = 0; j < collection[index].nestedLevel - pLevel; j++) {
                         prevList.appendChild(temp = createElement(collection[index].listType));
                         prevList = createElement('li');
-                        if (j != collection[index].nestedLevel - pLevel - 1 && collection[index].nestedLevel - pLevel > 1) {
-                            prevList.style.listStyleType = "none";
+                        if (j !== collection[index].nestedLevel - pLevel - 1 && collection[index].nestedLevel - pLevel > 1) {
+                            prevList.style.listStyleType = 'none';
                         }
                         temp.appendChild(prevList);
                     }

package/src/editor-manager/plugin/nodecutter.d.ts

@@ -27,7 +27,7 @@ export declare class NodeCutter {
 
      */
     SplitNode(range: Range, node: HTMLElement, isCollapsed: boolean): HTMLElement;
-    private isImgElm;
+    private isRteElm;
     private spliceEmptyNode;
     private GetCursorStart;
     /**

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

@@ -50,7 +50,7 @@ var NodeCutter = /** @class */ (function () {
                 fragment = this.spliceEmptyNode(fragment, false);
                 if (fragment && fragment.childNodes.length > 0) {
                     var isEmpty = (fragment.childNodes.length === 1 && fragment.childNodes[0].nodeName !== 'IMG'
-                        && this.isImgElm(fragment) && fragment.textContent === '') ? true : false;
+                        && this.isRteElm(fragment) && fragment.textContent === '') ? true : false;
                     if (!isEmpty) {
                         if (node) {
                             InsertMethods.AppendBefore(fragment, node);
@@ -71,7 +71,7 @@ var NodeCutter = /** @class */ (function () {
                 fragment = this.spliceEmptyNode(fragment, true);
                 if (fragment && fragment.childNodes.length > 0) {
                     var isEmpty = (fragment.childNodes.length === 1 && fragment.childNodes[0].nodeName !== 'IMG'
-                        && this.isImgElm(fragment) && fragment.textContent === '') ? true : false;
+                        && this.isRteElm(fragment) && fragment.textContent === '') ? true : false;
                     if (!isEmpty) {
                         if (node) {
                             InsertMethods.AppendBefore(fragment, node, true);
@@ -92,12 +92,14 @@ var NodeCutter = /** @class */ (function () {
             return null;
         }
     };
-    NodeCutter.prototype.isImgElm = function (fragment) {
+    NodeCutter.prototype.isRteElm = function (fragment) {
         var result = true;
         if (fragment.childNodes.length === 1 && fragment.childNodes[0].nodeName !== 'IMG') {
             var firstChild = fragment.childNodes[0];
             for (var i = 0; !isNOU(firstChild.childNodes) && i < firstChild.childNodes.length; i++) {
-                if (firstChild.childNodes[i].nodeName === 'IMG') {
+                if (firstChild.childNodes[i].nodeName === 'IMG' || (firstChild.childNodes[i].nodeName === 'SPAN' &&
+                    (firstChild.childNodes[i].classList.contains('e-video-wrap') ||
+                        firstChild.childNodes[i].classList.contains('e-audio-wrap')))) {
                     result = false;
                 }
             }
@@ -122,7 +124,7 @@ var NodeCutter = /** @class */ (function () {
         else if (len > -1) {
             this.spliceEmptyNode(fragment.childNodes[0], isStart);
         }
-        else if (fragment.nodeType !== 3 && fragment.nodeType !== 11 && fragment.nodeName !== 'IMG') {
+        else if (fragment.nodeType !== 3 && fragment.nodeType !== 11 && fragment.nodeName !== 'IMG' && !(fragment.classList.contains('e-video-wrap')) && !(fragment.classList.contains('e-audio-wrap'))) {
             fragment.parentNode.removeChild(fragment);
         }
         return fragment;

package/src/editor-manager/plugin/selection-commands.js

@@ -56,8 +56,9 @@ var SelectionCommands = /** @class */ (function () {
                 }
                 else if (range.startContainer.nodeType === 3 && ((range.startContainer.parentElement.childElementCount > 0 &&
                     range.startOffset > 0 && range.startContainer.parentElement.firstElementChild.tagName.toLowerCase() !== 'br') ||
-                    !isNOU(currentFormatNode) && currentFormatNode === (range.startContainer.parentElement.closest(currentSelector)) &&
-                        ((range.startContainer.parentElement.closest(currentSelector)).textContent.replace(new RegExp(String.fromCharCode(8203), 'g'), '').trim().length != 0))) {
+                    !isNOU(currentFormatNode) && currentFormatNode ===
+                        (range.startContainer.parentElement.closest(currentSelector)) &&
+                        ((range.startContainer.parentElement.closest(currentSelector)).textContent.replace(new RegExp(String.fromCharCode(8203), 'g'), '').trim().length !== 0))) {
                     isCollapsed = true;
                     range = nodeCutter.GetCursorRange(docElement, range, range.startContainer);
                     nodes.push(range.startContainer);

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

@@ -566,8 +566,9 @@ var TableCommand = /** @class */ (function () {
         if (min < (max = Math.min(max, eleArray.length - 1))) {
             for (rowValue = min; rowValue <= max; rowValue++) {
                 // eslint-disable-next-line
-                if (!(min < rowValue && eleArray[rowValue][0] === eleArray[rowValue - 1][0]) && eleArray[rowValue][0] &&
-                    1 < (index = Math.min(parseInt(eleArray[rowValue][0].getAttribute('rowspan'), 10) || 1, max - min + 1)) && eleArray[rowValue][0] === eleArray[rowValue + 1][0]) {
+                if (!(min < rowValue && eleArray[rowValue][0] === eleArray[rowValue - 1][0])
+                    && eleArray[rowValue][0] && 1 < (index = Math.min(parseInt(eleArray[rowValue][0].getAttribute('rowspan'), 10) ||
+                    1, max - min + 1)) && eleArray[rowValue][0] === eleArray[rowValue + 1][0]) {
                     for (count = index - 1, colIndex = 1; colIndex < eleArray[0].length; colIndex++) {
                         if (eleArray[rowValue][colIndex] !== eleArray[rowValue][colIndex - 1]) {
                             for (rowMin = rowValue; rowMin < rowValue + index; rowMin++) {

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

@@ -96,7 +96,8 @@ var UndoRedoManager = /** @class */ (function () {
      */
     UndoRedoManager.prototype.saveData = function (e) {
         var range = new NodeSelection().getRange(this.parent.currentDocument);
-        var currentContainer = this.parent.editableElement === range.startContainer.parentElement ? range.startContainer.parentElement : range.startContainer;
+        var currentContainer = this.parent.editableElement === range.startContainer.parentElement ?
+            range.startContainer.parentElement : range.startContainer;
         for (var i = currentContainer.childNodes.length - 1; i >= 0; i--) {
             if (!isNullOrUndefined(currentContainer.childNodes[i]) && currentContainer.childNodes[i].nodeName === '#text' &&
                 currentContainer.childNodes[i].textContent.length === 0 && currentContainer.childNodes[i].nodeName !== 'IMG' &&