@syncfusion/ej2-richtexteditor 20.4.52 → 21.1.35

package/dist/global/index.d.ts

@@ -1,6 +1,6 @@
 /*!
 *  filename: index.d.ts
-*  version : 20.4.52
+*  version : 21.1.35
 *  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.4.51",
+  "_id": "@syncfusion/ej2-richtexteditor@20.13.3",
   "_inBundle": false,
-  "_integrity": "sha512-KrCoVlwCvqCiQPFS/bTRaCsH8WAyiBTtWkbBRRLLxCXtjyUKz8X3XIOcSmekQFzmMGcvwXHPwqTfKUMBQs+mAQ==",
+  "_integrity": "sha512-4jdrmREjDgPKwiANKnB0xje6CtxhXFDBUoNaNL39VS/LTNTc6Vp7eYY6MmUAkkfulvnK99kdaSHCXLbh9hui5g==",
   "_location": "/@syncfusion/ej2-richtexteditor",
   "_phantomChildren": {},
   "_requested": {
@@ -26,10 +26,10 @@
     "/@syncfusion/ej2-react-richtexteditor",
     "/@syncfusion/ej2-vue-richtexteditor"
   ],
-  "_resolved": "https://nexus.syncfusion.com/repository/ej2-hotfix-new/@syncfusion/ej2-richtexteditor/-/ej2-richtexteditor-20.4.51.tgz",
-  "_shasum": "5a1cdfcc714424ed059b501d2c0eaa46d0b2c172",
+  "_resolved": "https://nexus.syncfusion.com/repository/ej2-release/@syncfusion/ej2-richtexteditor/-/ej2-richtexteditor-20.13.3.tgz",
+  "_shasum": "00117dbb8de0202c6f23ca3a4d58f3578b21234c",
   "_spec": "@syncfusion/ej2-richtexteditor@*",
-  "_where": "/jenkins/workspace/ease-automation_release_19.1.0.1/packages/included",
+  "_where": "/jenkins/workspace/elease-automation_release_21.1.1/packages/included",
   "author": {
     "name": "Syncfusion Inc."
   },
@@ -38,13 +38,13 @@
   },
   "bundleDependencies": false,
   "dependencies": {
-    "@syncfusion/ej2-base": "~20.4.51",
-    "@syncfusion/ej2-buttons": "~20.4.50",
-    "@syncfusion/ej2-filemanager": "~20.4.51",
-    "@syncfusion/ej2-inputs": "~20.4.52",
-    "@syncfusion/ej2-navigations": "~20.4.52",
-    "@syncfusion/ej2-popups": "~20.4.52",
-    "@syncfusion/ej2-splitbuttons": "~20.4.50"
+    "@syncfusion/ej2-base": "~21.1.35",
+    "@syncfusion/ej2-buttons": "~21.1.35",
+    "@syncfusion/ej2-filemanager": "~21.1.35",
+    "@syncfusion/ej2-inputs": "~21.1.35",
+    "@syncfusion/ej2-navigations": "~21.1.35",
+    "@syncfusion/ej2-popups": "~21.1.35",
+    "@syncfusion/ej2-splitbuttons": "~21.1.35"
   },
   "deprecated": false,
   "description": "Essential JS 2 RichTextEditor component",
@@ -70,6 +70,6 @@
     "url": "git+https://github.com/syncfusion/ej2-javascript-ui-controls.git"
   },
   "typings": "index.d.ts",
-  "version": "20.4.52",
+  "version": "21.1.35",
   "sideEffects": false
 }

package/src/common/config.js

@@ -72,7 +72,9 @@ export var htmlKeyConfig = {
     'space': '32',
     'enter': '13',
     'tab': 'tab',
-    'delete': '46'
+    'delete': '46',
+    'format-copy': 'ctrl+shift+c',
+    'format-paste': 'ctrl+shift+v'
 };
 /**
  * Default  markdown key config for adapter

package/src/common/constant.d.ts

@@ -79,3 +79,9 @@ export declare const ON_BEGIN: string;
  * @hidden
  */
 export declare const SPACE_ACTION: string;
+/**
+ * Format painter event constant
+ *
+ * @hidden
+ */
+export declare const FORMAT_PAINTER_ACTIONS: string;

package/src/common/constant.js

@@ -79,3 +79,9 @@ export var ON_BEGIN = 'onBegin';
  * @hidden
  */
 export var SPACE_ACTION = 'actionBegin';
+/**
+ * Format painter event constant
+ *
+ * @hidden
+ */
+export var FORMAT_PAINTER_ACTIONS = 'format_painter_actions';

package/src/common/util.d.ts

@@ -13,10 +13,11 @@ 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): string;
+export declare function updateTextNode(value: string, enterAction?: string): string;
 /**
  * @param {Node} startChildNodes - specifies the node
  * @returns {void}

package/src/common/util.js

@@ -34,10 +34,11 @@ 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) {
+export function updateTextNode(value, enterAction) {
     var tempNode = document.createElement('div');
     tempNode.innerHTML = value;
     tempNode.setAttribute('class', 'tempDiv');
@@ -52,15 +53,23 @@ export function updateTextNode(value) {
                 (tempNode.firstChild.textContent.indexOf('\n') < 0 || tempNode.firstChild.textContent.trim() !== '')) ||
                 inlineNode.indexOf(tempNode.firstChild.nodeName.toLocaleLowerCase()) >= 0) {
                 if (!isPreviousInlineElem) {
-                    paraElm = createElement('p');
-                    resultElm.appendChild(paraElm);
-                    paraElm.appendChild(tempNode.firstChild);
+                    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;
                 }
-                previousParent = paraElm;
-                isPreviousInlineElem = true;
             }
             else if (tempNode.firstChild.nodeName === '#text' && (tempNode.firstChild.textContent === '\n' ||
                 (tempNode.firstChild.textContent.indexOf('\n') >= 0 && tempNode.firstChild.textContent.trim() === ''))) {

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

@@ -19,6 +19,7 @@ import { UndoRedoManager } from './../plugin/undo';
 import { MsWordPaste } from '../plugin/ms-word-clean-up';
 import { InsertTextExec } from '../plugin/insert-text';
 import { NodeCutter } from '../plugin/nodecutter';
+import { FormatPainterActions } from '../plugin/format-painter-actions';
 /**
  * EditorManager internal component
  *
@@ -46,6 +47,7 @@ export declare class EditorManager {
     clearObj: ClearFormatExec;
     undoRedoManager: UndoRedoManager;
     msWordPaste: MsWordPaste;
+    formatPaintetrObj: FormatPainterActions;
     editableElement: Element;
     /**
      * Constructor for creating the component

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

@@ -19,6 +19,7 @@ import { MsWordPaste } from '../plugin/ms-word-clean-up';
 import * as EVENTS from './../../common/constant';
 import { InsertTextExec } from '../plugin/insert-text';
 import { NodeCutter } from '../plugin/nodecutter';
+import { FormatPainterActions } from '../plugin/format-painter-actions';
 /**
  * EditorManager internal component
  *
@@ -55,6 +56,7 @@ var EditorManager = /** @class */ (function () {
         this.tableObj = new TableCommand(this);
         this.undoRedoManager = new UndoRedoManager(this, options.options);
         this.msWordPaste = new MsWordPaste(this);
+        this.formatPaintetrObj = new FormatPainterActions(this, options.formatPainterSettings);
         this.wireEvents();
     }
     EditorManager.prototype.wireEvents = function () {
@@ -188,7 +190,7 @@ var EditorManager = /** @class */ (function () {
                 this.observer.notify(CONSTANT.SELECTION_TYPE, { subCommand: value, event: event, callBack: callBack, value: text, selector: selector, enterAction: enterAction });
                 break;
             case 'inserthtml':
-                this.observer.notify(CONSTANT.INSERTHTML_TYPE, { subCommand: value, callBack: callBack, value: text });
+                this.observer.notify(CONSTANT.INSERTHTML_TYPE, { subCommand: value, callBack: callBack, value: text, enterAction: enterAction });
                 break;
             case 'inserttext':
                 this.observer.notify(CONSTANT.INSERT_TEXT_TYPE, { subCommand: value, callBack: callBack, value: text });
@@ -199,6 +201,9 @@ var EditorManager = /** @class */ (function () {
             case 'actions':
                 this.observer.notify(EVENTS.ACTION, { subCommand: value, event: event, callBack: callBack, selector: selector });
                 break;
+            case 'formatpainter':
+                this.observer.notify(EVENTS.FORMAT_PAINTER_ACTIONS, { item: exeValue, subCommand: value, event: event, callBack: callBack });
+                break;
         }
     };
     return EditorManager;

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

@@ -1,3 +1,17 @@
 /**
  * Enum values for EditorManager
  */
+/**
+ *
+
+ * @hidden
+ * Defines the context or contexts in which styles will be copied.
+ */
+export declare type IFormatPainterContext = 'Text' | 'List' | 'Table';
+/**
+ *
+
+ * @hidden
+ * Defines the action values for format painter.
+ */
+export declare type IFormatPainterActionValue = 'format-copy' | 'format-paste' | 'escape';

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

@@ -1,6 +1,7 @@
 import { NodeSelection } from './../../selection/index';
 import { KeyboardEventArgs } from '@syncfusion/ej2-base';
 import { IHtmlFormatterCallBack, IAdvanceListItem } from '../../common/interface';
+import { IFormatPainterActionValue, IFormatPainterContext } from './enum';
 /**
  * Specifies  Command models interfaces.
  *
@@ -19,6 +20,7 @@ export interface ICommandModel {
     options?: {
         [key: string]: number;
     };
+    formatPainterSettings?: IFormatPainterSettings;
 }
 /**
  * Specifies IHtmlSubCommands interfaces.
@@ -157,3 +159,35 @@ export interface IHtmlKeyboardEvent {
      */
     enterAction?: string;
 }
+/**
+ *
+
+ * @hidden
+ *
+ */
+export interface IFormatPainterSettings {
+    allowedContext?: IFormatPainterContext[];
+    allowedFormats?: string;
+    deniedFormats?: string;
+}
+/**
+ *
+
+ * @hidden
+ *
+ */
+export interface IFormatPainterActionArgs {
+    name: string;
+    event: MouseEvent | KeyboardEvent;
+    item: IFormatPainterAction;
+    subCommand: string;
+}
+/**
+ *
+
+ * @hidden
+ *
+ */
+export interface IFormatPainterAction {
+    formatPainterAction: IFormatPainterActionValue;
+}

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

@@ -28,12 +28,18 @@ var ClearFormat = /** @class */ (function () {
         var nodeSelection = new NodeSelection();
         var nodeCutter = new NodeCutter();
         var range = nodeSelection.getRange(docElement);
-        var isCollapsed = range.collapsed;
-        var nodes = nodeSelection.getInsertNodeCollection(range);
+        var nodes = range.collapsed ? nodeSelection.getSelectionNodeCollection(range) :
+            nodeSelection.getSelectionNodeCollectionBr(range);
         var save = nodeSelection.save(range, docElement);
+        var cursorRange = false;
+        if (range.collapsed) {
+            cursorRange = true;
+            range = nodeCutter.GetCursorRange(docElement, range, nodes[0]);
+        }
+        var isCollapsed = range.collapsed;
         if (!isCollapsed) {
             var preNode = void 0;
-            if (nodes[0].nodeName === 'BR' && closest(nodes[0], 'table')) {
+            if (nodes.length > 0 && nodes[0].nodeName === 'BR' && closest(nodes[0], 'table')) {
                 preNode = nodeCutter.GetSpliceNode(range, closest(nodes[0], 'table'));
             }
             else {
@@ -43,7 +49,7 @@ var ClearFormat = /** @class */ (function () {
                 nodeSelection.setSelectionContents(docElement, preNode);
                 range = nodeSelection.getRange(docElement);
             }
-            else {
+            else if (nodes.length > 1) {
                 var i = 1;
                 var lastText = nodes[nodes.length - i];
                 while (nodes.length <= i && nodes[nodes.length - i].nodeName === 'BR') {
@@ -68,6 +74,9 @@ var ClearFormat = /** @class */ (function () {
             }
             this.reSelection(docElement, save, exactNodes);
         }
+        if (cursorRange) {
+            nodeSelection.setCursorPoint(docElement, range.endContainer, range.endOffset);
+        }
     };
     ClearFormat.reSelection = function (docElement, save, exactNodes) {
         var selectionNodes = save.getInsertNodes(exactNodes);

package/src/editor-manager/plugin/format-painter-actions.d.ts

@@ -0,0 +1,63 @@
+import { IFormatPainterSettings } from '../base';
+import { EditorManager } from '../base';
+export declare class FormatPainterActions {
+    private parent;
+    private copyCollection;
+    private deniedFormatsCollection;
+    private newElem;
+    private newElemLastChild;
+    private settings;
+    constructor(parent?: EditorManager, options?: IFormatPainterSettings);
+    private addEventListener;
+    private actionHandler;
+    private generateElement;
+    private pasteAction;
+    private removeDeniedFormats;
+    private copyAction;
+    private getRangeParentElem;
+    private getNearestBlockParentElement;
+    private isBlockElement;
+    private escapeAction;
+    private paintPlainTextFormat;
+    private validateELementTag;
+    private findCurrentContext;
+    private insertFormatNode;
+    private insertBlockNode;
+    private cleanEmptyLists;
+    private setDeniedFormats;
+    private makeDeniedFormatsCollection;
+}
+/**
+ * @hidden
+ */
+export interface FormatPainterCollection {
+    attrs: Attr[];
+    className: string;
+    styles: CSSPropCollection[];
+    tagName: string;
+}
+/**
+ * @hidden
+ *
+ */
+export interface FormatPainterValue {
+    element: HTMLElement;
+    lastChild: HTMLElement;
+}
+/**
+ * @hidden
+ */
+export interface DeniedFormatsCollection {
+    tag: string;
+    styles: string[];
+    attributes: string[];
+    classes: string[];
+}
+/**
+ * @hidden
+ */
+export interface CSSPropCollection {
+    property: string;
+    value: string;
+    priority: string;
+}