@syncfusion/ej2-richtexteditor 28.1.36 → 28.1.38-680214

package/package.json

@@ -1,84 +1,61 @@
 {
-  "_from": "@syncfusion/ej2-richtexteditor@*",
-  "_id": "@syncfusion/ej2-richtexteditor@28.1.35",
-  "_inBundle": false,
-  "_integrity": "sha512-XvS4tdC4fw6B2RrZWOcdktXuzzA+1XNL32OGM1vKqgvcAte4gUtd264fj3Je7wpBZuDMIousyIwqzwc4rNiXhg==",
-  "_location": "/@syncfusion/ej2-richtexteditor",
-  "_phantomChildren": {},
-  "_requested": {
-    "type": "range",
-    "registry": true,
-    "raw": "@syncfusion/ej2-richtexteditor@*",
-    "name": "@syncfusion/ej2-richtexteditor",
-    "escapedName": "@syncfusion%2fej2-richtexteditor",
-    "scope": "@syncfusion",
-    "rawSpec": "*",
-    "saveSpec": null,
-    "fetchSpec": "*"
-  },
-  "_requiredBy": [
-    "/",
-    "/@syncfusion/ej2-angular-richtexteditor",
-    "/@syncfusion/ej2-gantt",
-    "/@syncfusion/ej2-inplace-editor",
-    "/@syncfusion/ej2-react-richtexteditor",
-    "/@syncfusion/ej2-vue-richtexteditor"
-  ],
-  "_resolved": "https://nexus.syncfusioninternal.com/repository/ej2-hotfix-new/@syncfusion/ej2-richtexteditor/-/ej2-richtexteditor-28.1.35.tgz",
-  "_shasum": "17c9393fda07e06cd70a77fac38a567ea35ca990",
-  "_spec": "@syncfusion/ej2-richtexteditor@*",
-  "_where": "/jenkins/workspace/elease-automation_release_28.1.1/packages/included",
-  "author": {
-    "name": "Syncfusion Inc."
-  },
-  "bugs": {
-    "url": "https://github.com/syncfusion/ej2-javascript-ui-controls/issues"
-  },
-  "bundleDependencies": false,
-  "dependencies": {
-    "@syncfusion/ej2-base": "~28.1.33",
-    "@syncfusion/ej2-buttons": "~28.1.36",
-    "@syncfusion/ej2-dropdowns": "~28.1.36",
-    "@syncfusion/ej2-filemanager": "~28.1.36",
-    "@syncfusion/ej2-inputs": "~28.1.33",
-    "@syncfusion/ej2-navigations": "~28.1.36",
-    "@syncfusion/ej2-popups": "~28.1.33",
-    "@syncfusion/ej2-splitbuttons": "~28.1.33"
-  },
-  "deprecated": false,
-  "description": "Essential JS 2 RichTextEditor component",
-  "devDependencies": {},
-  "es2015": "./dist/es6/ej2-richtexteditor.es5.js",
-  "homepage": "https://www.syncfusion.com/javascript-ui-controls",
-  "keywords": [
-    "ej2",
-    "syncfusion",
-    "HTML5-rich-text-editor",
-    "wysiwyg-html-editor",
-    "rich-text-editor",
-    "markdown-editor",
-    "wysiwyg-markdown-editor",
-    "editor",
-    "rich text editor",
-    "editing",
-    "rich text",
-    "rich editor",
-    "text editor",
-    "contenteditable",
-    "wysiwyg",
-    "html",
-    "text",
-    "markdown"
-  ],
-  "license": "SEE LICENSE IN license",
-  "main": "./dist/ej2-richtexteditor.umd.min.js",
-  "module": "./index.js",
-  "name": "@syncfusion/ej2-richtexteditor",
-  "repository": {
-    "type": "git",
-    "url": "git+https://github.com/syncfusion/ej2-javascript-ui-controls.git"
-  },
-  "typings": "index.d.ts",
-  "version": "28.1.36",
-  "sideEffects": false
+	"name": "@syncfusion/ej2-richtexteditor",
+	"version": "28.1.38-680214",
+	"description": "Essential JS 2 RichTextEditor component",
+	"author": "Syncfusion Inc.",
+	"license": "SEE LICENSE IN license",
+	"main": "./dist/ej2-richtexteditor.umd.min.js",
+	"module": "./index.js",
+	"es2015": "./dist/es6/ej2-richtexteditor.es5.js",
+	"dependencies": {
+		"@syncfusion/ej2-base": "~28.1.33",
+		"@syncfusion/ej2-buttons": "~28.1.37",
+		"@syncfusion/ej2-dropdowns": "~28.1.38",
+		"@syncfusion/ej2-filemanager": "~28.1.36",
+		"@syncfusion/ej2-inputs": "~28.1.37",
+		"@syncfusion/ej2-navigations": "~28.1.37",
+		"@syncfusion/ej2-popups": "~28.1.38",
+		"@syncfusion/ej2-splitbuttons": "~28.1.37"
+	},
+	"devDependencies": {
+	},
+	"keywords": [
+		"ej2",
+		"syncfusion",
+		"HTML5-rich-text-editor",
+		"wysiwyg-html-editor",
+		"rich-text-editor",
+		"markdown-editor",
+		"wysiwyg-markdown-editor",
+		"editor",
+		"rich text editor",
+		"editing",
+		"rich text",
+		"rich editor",
+		"text editor",
+		"contenteditable",
+		"wysiwyg",
+		"html",
+		"text",
+		"markdown"
+	],
+	"repository": {
+		"type": "git",
+		"url": "https://github.com/syncfusion/ej2-javascript-ui-controls.git"
+	},
+	"scripts": {
+		"test": "gulp ci-test",
+		"compile": "gulp ci-compile",
+		"ci-publish": "gulp ci-publish",
+		"es-lint-config": "npx tslint-to-eslint-config --config .eslintrc.json --tslint ./tslint.json",
+		"es-lint": "eslint -c .eslintrc.json --ext .ts ./blazor/**"
+	},
+	"config": {
+		"ghooks": {
+			"pre-commit": "gulp pre-commit",
+			"pre-push": "gulp pre-push",
+			"commit-msg": "gulp commit-msg"
+		}
+	},
+	"typings": "index.d.ts"
 }

package/src/common/interface.d.ts

@@ -2,11 +2,11 @@
  * Specifies  common models interfaces.
  *
  * @hidden
-
+ * @deprecated
  */
 import { EditorMode } from './types';
 /**
-
+ * @deprecated
  */
 export interface IAdvanceListItem {
     listStyle?: string;
@@ -14,7 +14,7 @@ export interface IAdvanceListItem {
     type?: string;
 }
 /**
-
+ * @deprecated
  */
 export interface IMarkdownFormatterCallBack {
     selectedText?: string;
@@ -24,7 +24,7 @@ export interface IMarkdownFormatterCallBack {
     requestType?: string;
 }
 /**
-
+ * @deprecated
  */
 export interface IHtmlFormatterCallBack {
     selectedNode?: Element;
@@ -37,7 +37,7 @@ export interface IHtmlFormatterCallBack {
     event?: KeyboardEvent | MouseEvent;
 }
 /**
-
+ * @deprecated
  */
 export interface IMarkdownToolbarStatus {
     OrderedList: boolean;
@@ -45,14 +45,14 @@ export interface IMarkdownToolbarStatus {
     Formats: string;
 }
 /**
-
+ * @deprecated
  */
 export interface IUndoCallBack {
     callBack?: Function;
     event?: Object;
 }
 /**
-
+ * @deprecated
  */
 export interface IToolbarStatus {
     bold?: boolean;
@@ -80,7 +80,7 @@ export interface IToolbarStatus {
     InlineCode?: boolean;
 }
 /**
-
+ * @deprecated
  * @private
  *
  *

package/src/common/util.d.ts

@@ -13,11 +13,10 @@ export declare function isIDevice(): boolean;
 export declare function setEditFrameFocus(editableElement: Element, selector: string): void;
 /**
  * @param {string} value - specifies the string value
- * @param {string} enterAction - specifies the enter key action API
  * @returns {void}
  * @hidden
  */
-export declare function updateTextNode(value: string, enterAction?: string): string;
+export declare function updateTextNode(value: string): string;
 /**
  * @param {Node} startChildNodes - specifies the node
  * @returns {void}

package/src/common/util.js

@@ -1,12 +1,7 @@
 /**
  * Defines common util methods used by Rich Text Editor.
  */
-import { isNullOrUndefined, Browser, createElement, detach, removeClass } from '@syncfusion/ej2-base';
-var inlineNode = ['a', 'abbr', 'acronym', 'audio', 'b', 'bdi', 'bdo', 'big', 'br', 'button',
-    'canvas', 'cite', 'code', 'data', 'datalist', 'del', 'dfn', 'em', 'embed', 'font', 'i', 'iframe', 'img', 'input',
-    'ins', 'kbd', 'label', 'map', 'mark', 'meter', 'noscript', 'object', 'output', 'picture', 'progress',
-    'q', 'ruby', 's', 'samp', 'script', 'select', 'slot', 'small', 'span', 'strong', 'strike', 'sub', 'sup', 'svg',
-    'template', 'textarea', 'time', 'u', 'tt', 'var', 'video', 'wbr'];
+import { isNullOrUndefined, Browser, removeClass } from '@syncfusion/ej2-base';
 /**
  * @returns {void}
  * @hidden
@@ -34,109 +29,68 @@ export function setEditFrameFocus(editableElement, selector) {
 }
 /**
  * @param {string} value - specifies the string value
- * @param {string} enterAction - specifies the enter key action API
  * @returns {void}
  * @hidden
  */
-export function updateTextNode(value, enterAction) {
-    var tempNode = document.createElement('div');
-    tempNode.innerHTML = value;
-    tempNode.setAttribute('class', 'tempDiv');
+export function updateTextNode(value) {
     var resultElm = document.createElement('div');
-    var childNodes = tempNode.childNodes;
-    if (childNodes.length > 0) {
-        var isPreviousInlineElem = void 0;
-        var previousParent = void 0;
-        var paraElm = void 0;
-        while (tempNode.firstChild) {
-            if ((tempNode.firstChild.nodeName === '#text' &&
-                (tempNode.firstChild.textContent.indexOf('\n') < 0 || tempNode.firstChild.textContent.trim() !== '')) ||
-                inlineNode.indexOf(tempNode.firstChild.nodeName.toLocaleLowerCase()) >= 0) {
-                if (!isPreviousInlineElem) {
-                    if (enterAction === 'BR') {
-                        resultElm.appendChild(tempNode.firstChild);
-                        previousParent = resultElm;
-                    }
-                    else {
-                        paraElm = createElement('p');
-                        resultElm.appendChild(paraElm);
-                        paraElm.appendChild(tempNode.firstChild);
-                        previousParent = paraElm;
-                        isPreviousInlineElem = true;
-                    }
-                }
-                else {
-                    previousParent.appendChild(tempNode.firstChild);
-                    previousParent = paraElm;
-                    isPreviousInlineElem = true;
-                }
-            }
-            else if (tempNode.firstChild.nodeName === '#text' && (tempNode.firstChild.textContent === '\n' ||
-                (tempNode.firstChild.textContent.indexOf('\n') >= 0 && tempNode.firstChild.textContent.trim() === ''))) {
-                detach(tempNode.firstChild);
+    resultElm.innerHTML = value;
+    var tableElm = resultElm.querySelectorAll('table');
+    for (var i = 0; i < tableElm.length; i++) {
+        if (tableElm[i].classList.length > 0 &&
+            !tableElm[i].classList.contains('e-rte-table') && !tableElm[i].classList.contains('e-rte-custom-table')) {
+            tableElm[i].classList.add('e-rte-paste-table');
+            if (tableElm[i].classList.contains('e-rte-paste-word-table')) {
+                tableElm[i].classList.remove('e-rte-paste-word-table');
+                continue; // Skiping the removal of the border if the source is from word.
             }
-            else {
-                resultElm.appendChild(tempNode.firstChild);
-                isPreviousInlineElem = false;
-            }
-        }
-        var tableElm = resultElm.querySelectorAll('table');
-        for (var i = 0; i < tableElm.length; i++) {
-            if (tableElm[i].classList.length > 0 &&
-                !tableElm[i].classList.contains('e-rte-table') && !tableElm[i].classList.contains('e-rte-custom-table')) {
-                tableElm[i].classList.add('e-rte-paste-table');
-                if (tableElm[i].classList.contains('e-rte-paste-word-table')) {
-                    tableElm[i].classList.remove('e-rte-paste-word-table');
-                    continue; // Skiping the removal of the border if the source is from word.
+            else if (tableElm[i].classList.contains('e-rte-paste-excel-table')) {
+                tableElm[i].classList.remove('e-rte-paste-excel-table');
+                if (tableElm[i].getAttribute('border') === '0') {
+                    tableElm[i].removeAttribute('border');
                 }
-                else if (tableElm[i].classList.contains('e-rte-paste-excel-table')) {
-                    tableElm[i].classList.remove('e-rte-paste-excel-table');
-                    if (tableElm[i].getAttribute('border') === '0') {
-                        tableElm[i].removeAttribute('border');
+                var tdElm = tableElm[i].querySelectorAll('td');
+                for (var j = 0; j < tdElm.length; j++) {
+                    if (tdElm[j].style.borderLeft === 'none') {
+                        tdElm[j].style.removeProperty('border-left');
                     }
-                    var tdElm = tableElm[i].querySelectorAll('td');
-                    for (var j = 0; j < tdElm.length; j++) {
-                        if (tdElm[j].style.borderLeft === 'none') {
-                            tdElm[j].style.removeProperty('border-left');
-                        }
-                        if (tdElm[j].style.borderRight === 'none') {
-                            tdElm[j].style.removeProperty('border-right');
-                        }
-                        if (tdElm[j].style.borderBottom === 'none') {
-                            tdElm[j].style.removeProperty('border-bottom');
-                        }
-                        if (tdElm[j].style.borderTop === 'none') {
-                            tdElm[j].style.removeProperty('border-top');
-                        }
-                        if (tdElm[j].style.border === 'none') {
-                            tdElm[j].style.removeProperty('border');
-                        }
+                    if (tdElm[j].style.borderRight === 'none') {
+                        tdElm[j].style.removeProperty('border-right');
+                    }
+                    if (tdElm[j].style.borderBottom === 'none') {
+                        tdElm[j].style.removeProperty('border-bottom');
+                    }
+                    if (tdElm[j].style.borderTop === 'none') {
+                        tdElm[j].style.removeProperty('border-top');
+                    }
+                    if (tdElm[j].style.border === 'none') {
+                        tdElm[j].style.removeProperty('border');
                     }
                 }
-                else if (tableElm[i].classList.contains('e-rte-paste-onenote-table')) {
-                    tableElm[i].classList.remove('e-rte-paste-onenote-table');
-                    continue;
-                }
-                else if (tableElm[i].classList.contains('e-rte-paste-html-table')) {
-                    tableElm[i].classList.remove('e-rte-paste-html-table');
-                    continue;
-                }
-            }
-        }
-        var imageElm = resultElm.querySelectorAll('img');
-        for (var i = 0; i < imageElm.length; i++) {
-            if (imageElm[i].classList.contains('e-rte-image-unsupported')) {
-                continue; // Should not add the class if the image is Broken.
             }
-            if (!imageElm[i].classList.contains('e-rte-image')) {
-                imageElm[i].classList.add('e-rte-image');
+            else if (tableElm[i].classList.contains('e-rte-paste-onenote-table')) {
+                tableElm[i].classList.remove('e-rte-paste-onenote-table');
+                continue;
             }
-            if (!(imageElm[i].classList.contains('e-imginline') ||
-                imageElm[i].classList.contains('e-imgbreak'))) {
-                imageElm[i].classList.add('e-imginline');
+            else if (tableElm[i].classList.contains('e-rte-paste-html-table')) {
+                tableElm[i].classList.remove('e-rte-paste-html-table');
+                continue;
             }
         }
     }
+    var imageElm = resultElm.querySelectorAll('img');
+    for (var i = 0; i < imageElm.length; i++) {
+        if (imageElm[i].classList.contains('e-rte-image-unsupported')) {
+            continue; // Should not add the class if the image is Broken.
+        }
+        if (!imageElm[i].classList.contains('e-rte-image')) {
+            imageElm[i].classList.add('e-rte-image');
+        }
+        if (!(imageElm[i].classList.contains('e-imginline') ||
+            imageElm[i].classList.contains('e-imgbreak'))) {
+            imageElm[i].classList.add('e-imginline');
+        }
+    }
     return resultElm.innerHTML;
 }
 /**

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

@@ -3,7 +3,7 @@
  */
 /**
  * @hidden
-
+ * @deprecated
  */
 export declare const CLASS_IMAGE_RIGHT: string;
 export declare const CLASS_IMAGE_LEFT: string;

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

@@ -3,7 +3,7 @@
  */
 /**
  * @hidden
-
+ * @deprecated
  */
 export var CLASS_IMAGE_RIGHT = 'e-imgright';
 export var CLASS_IMAGE_LEFT = 'e-imgleft';

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

@@ -25,7 +25,7 @@ import { TableSelection } from '../plugin/table-selection';
  * EditorManager internal component
  *
  * @hidden
-
+ * @deprecated
  */
 export declare class EditorManager {
     currentDocument: HTMLDocument;
@@ -59,7 +59,7 @@ export declare class EditorManager {
      * Constructor for creating the component
      *
      * @hidden
-
+     * @deprecated
      * @param {ICommandModel} options - specifies the command Model
      */
     constructor(options: ICommandModel);
@@ -82,7 +82,7 @@ export declare class EditorManager {
      * @param {string} selector - specifies the selector values
      * @returns {void}
      * @hidden
-
+     * @deprecated
      */
     execCommand<T>(command: ExecCommand, value: T, event?: Event, callBack?: Function, text?: string | Node, exeValue?: T, selector?: string, enterAction?: string): void;
     private editorMouseDown;

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

@@ -27,14 +27,14 @@ import { DOMMethods } from '../plugin/dom-tree';
  * EditorManager internal component
  *
  * @hidden
-
+ * @deprecated
  */
 var EditorManager = /** @class */ (function () {
     /**
      * Constructor for creating the component
      *
      * @hidden
-
+     * @deprecated
      * @param {ICommandModel} options - specifies the command Model
      */
     function EditorManager(options) {
@@ -115,7 +115,7 @@ var EditorManager = /** @class */ (function () {
      * @param {string} selector - specifies the selector values
      * @returns {void}
      * @hidden
-
+     * @deprecated
      */
     /* eslint-enable */
     EditorManager.prototype.execCommand = function (command, value, event, callBack, text, exeValue, selector, enterAction) {

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

@@ -3,14 +3,14 @@
  */
 /**
  *
-
+ * @deprecated
  * @hidden
  * Defines the context or contexts in which styles will be copied.
  */
 export declare type IFormatPainterContext = 'Text' | 'List' | 'Table';
 /**
  *
-
+ * @deprecated
  * @hidden
  * Defines the action values for format painter.
  */

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

@@ -6,7 +6,7 @@ import { IFormatPainterActionValue, IFormatPainterContext } from './enum';
  * Specifies  Command models interfaces.
  *
  * @hidden
-
+ * @deprecated
  */
 export interface ICommandModel {
     /**
@@ -26,7 +26,7 @@ export interface ICommandModel {
  * Specifies IHtmlSubCommands interfaces.
  *
  * @hidden
-
+ * @deprecated
  */
 export interface IHtmlSubCommands {
     /**
@@ -65,7 +65,7 @@ export interface IHtmlSubCommands {
  * Specifies  IKeyboardActionArgs interfaces for command line.
  *
  * @hidden
-
+ * @deprecated
  */
 export interface IKeyboardActionArgs extends KeyboardEvent {
     /**
@@ -74,7 +74,7 @@ export interface IKeyboardActionArgs extends KeyboardEvent {
     action: string;
 }
 /**
-
+ * @deprecated
  */
 export interface IHtmlItem {
     module?: string;
@@ -91,7 +91,7 @@ export interface IHtmlItem {
     enterAction?: string;
 }
 /**
-
+ * @deprecated
  */
 export interface IHtmlItemArgs {
     selection?: NodeSelection;
@@ -127,7 +127,7 @@ export interface IHtmlItemArgs {
     ariaLabel?: string;
 }
 /**
-
+ * @deprecated
  */
 export interface IHtmlUndoRedoData {
     text?: DocumentFragment;
@@ -137,7 +137,7 @@ export interface IHtmlUndoRedoData {
  * Specifies IHtmlKeyboardEvent interfaces.
  *
  * @hidden
-
+ * @deprecated
  */
 export interface IHtmlKeyboardEvent {
     /**
@@ -156,10 +156,18 @@ export interface IHtmlKeyboardEvent {
      * Specifies the enter key configuration.
      */
     enterAction?: string;
+    /**
+     * Defines tag to be used when enter key is pressed.
+     */
+    enterKey?: string;
+    /**
+     * Defines tag to be used when shift enter key is pressed.
+     */
+    shiftEnterKey?: string;
 }
 /**
  *
-
+ * @deprecated
  * @hidden
  *
  */
@@ -170,7 +178,7 @@ export interface IFormatPainterSettings {
 }
 /**
  *
-
+ * @deprecated
  * @hidden
  *
  */

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

@@ -2,6 +2,6 @@
  * Types type for EditorManager
  *
  * @hidden
-
+ * @deprecated
  */
 export declare type EditorExecCommand = 'Indents' | 'Lists' | 'Formats' | 'Alignments' | 'Links' | 'Images' | 'Font' | 'Style' | 'Clear' | 'Effects' | 'Casing' | 'InsertHtml' | 'InsertText' | 'Actions';

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

@@ -3,7 +3,7 @@ import { EditorManager } from './../base/editor-manager';
  * Formats internal component
  *
  * @hidden
-
+ * @deprecated
  */
 export declare class Alignments {
     private parent;
@@ -14,7 +14,7 @@ export declare class Alignments {
      * @param {EditorManager} parent - specifies the parent element.
      * @returns {void}
      * @hidden
-
+     * @deprecated
      */
     constructor(parent: EditorManager);
     private addEventListener;

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

@@ -6,7 +6,7 @@ import { isIDevice, setEditFrameFocus } from '../../common/util';
  * Formats internal component
  *
  * @hidden
-
+ * @deprecated
  */
 var Alignments = /** @class */ (function () {
     /**
@@ -15,7 +15,7 @@ var Alignments = /** @class */ (function () {
      * @param {EditorManager} parent - specifies the parent element.
      * @returns {void}
      * @hidden
-
+     * @deprecated
      */
     function Alignments(parent) {
         this.alignments = {

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

@@ -4,7 +4,7 @@ import { IHtmlItem } from './../base/interface';
  * Audio internal component
  *
  * @hidden
-
+ * @deprecated
  */
 export declare class AudioCommand {
     private parent;
@@ -13,7 +13,7 @@ export declare class AudioCommand {
      *
      * @param {EditorManager} parent - specifies the parent element
      * @hidden
-
+     * @deprecated
      */
     constructor(parent: EditorManager);
     private addEventListener;
@@ -24,7 +24,7 @@ export declare class AudioCommand {
      * @param {IHtmlItem} e - specifies the element
      * @returns {void}
      * @hidden
-
+     * @deprecated
      */
     audioCommand(e: IHtmlItem): void;
     private createAudio;