@syncfusion/ej2-richtexteditor 19.2.62 → 19.3.43

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

@@ -1,5 +1,6 @@
 import * as events from '../base/constant';
 import { isNullOrUndefined, closest, attributes, removeClass, addClass, Browser, detach } from '@syncfusion/ej2-base';
+import { isNullOrUndefined as isNOU } from '@syncfusion/ej2-base';
 import { HTMLFormatter } from '../formatter/html-formatter';
 import { RenderType } from '../base/enum';
 import * as classes from '../base/classes';
@@ -9,7 +10,7 @@ import { ContentRender } from '../renderer/content-renderer';
 import { ColorPickerInput } from './color-picker';
 import { NodeSelection } from '../../selection/selection';
 import { InsertHtml } from '../../editor-manager/plugin/inserthtml';
-import { getTextNodesUnder, sanitizeHelper } from '../base/util';
+import { getTextNodesUnder, sanitizeHelper, getDefaultValue } from '../base/util';
 import { isIDevice } from '../../common/util';
 import { XhtmlValidation } from './xhtml-validation';
 import { ON_BEGIN } from './../../common/constant';
@@ -92,33 +93,40 @@ var HtmlEditor = /** @class */ (function () {
     HtmlEditor.prototype.onKeyDown = function (e) {
         var _this = this;
         var currentRange;
+        var args = e.args;
         if (Browser.info.name === 'chrome') {
             currentRange = this.parent.getRange();
             this.backSpaceCleanup(e, currentRange);
             this.deleteCleanup(e, currentRange);
         }
-        if (e.args.keyCode === 9 && this.parent.enableTabKey) {
-            var range = this.nodeSelectionObj.getRange(this.contentRenderer.getDocument());
-            var parentNode = this.nodeSelectionObj.getParentNodeCollection(range);
-            if (!((parentNode[0].nodeName === 'LI' || closest(parentNode[0], 'li') ||
-                closest(parentNode[0], 'table')) && range.startOffset === 0)) {
-                e.args.preventDefault();
-                if (!e.args.shiftKey) {
-                    InsertHtml.Insert(this.contentRenderer.getDocument(), '    ');
-                    this.rangeCollection.push(this.nodeSelectionObj.getRange(this.contentRenderer.getDocument()));
-                }
-                else if (this.rangeCollection.length > 0 &&
-                    this.rangeCollection[this.rangeCollection.length - 1].startContainer.textContent.length === 4) {
-                    var textCont = this.rangeCollection[this.rangeCollection.length - 1].startContainer;
-                    this.nodeSelectionObj.setSelectionText(this.contentRenderer.getDocument(), textCont, textCont, 0, textCont.textContent.length);
-                    InsertHtml.Insert(this.contentRenderer.getDocument(), document.createTextNode(''));
-                    this.rangeCollection.pop();
+        if (args.keyCode === 9 && this.parent.enableTabKey) {
+            if (!isNOU(args.target) && isNullOrUndefined(closest(args.target, '.e-rte-toolbar'))) {
+                var range = this.nodeSelectionObj.getRange(this.contentRenderer.getDocument());
+                var parentNode = this.nodeSelectionObj.getParentNodeCollection(range);
+                if (!((parentNode[0].nodeName === 'LI' || closest(parentNode[0], 'li') ||
+                    closest(parentNode[0], 'table')) && range.startOffset === 0)) {
+                    args.preventDefault();
+                    if (!args.shiftKey) {
+                        InsertHtml.Insert(this.contentRenderer.getDocument(), '    ');
+                        this.rangeCollection.push(this.nodeSelectionObj.getRange(this.contentRenderer.getDocument()));
+                    }
+                    else if (this.rangeCollection.length > 0 &&
+                        this.rangeCollection[this.rangeCollection.length - 1].startContainer.textContent.length === 4) {
+                        var textCont = this.rangeCollection[this.rangeCollection.length - 1].startContainer;
+                        this.nodeSelectionObj.setSelectionText(this.contentRenderer.getDocument(), textCont, textCont, 0, textCont.textContent.length);
+                        InsertHtml.Insert(this.contentRenderer.getDocument(), document.createTextNode(''));
+                        this.rangeCollection.pop();
+                    }
                 }
             }
         }
         if (e.args.action === 'space' ||
-            e.args.action === 'enter') {
+            e.args.action === 'enter' ||
+            e.args.keyCode === 13) {
             this.spaceLink(e.args);
+            if (this.parent.editorMode === 'HTML' && !((this.parent.shiftEnterKey === 'BR' && e.args.shiftKey))) {
+                this.parent.notify(events.enterHandler, { args: e.args });
+            }
         }
         if (e.args.action === 'space') {
             var currentRange_1 = this.parent.getRange();
@@ -160,10 +168,11 @@ var HtmlEditor = /** @class */ (function () {
             this.oldRangeElement = null;
             this.deleteRangeElement = null;
             this.deleteOldRangeElement = null;
-            e.args.preventDefault();
+            args.preventDefault();
         }
     };
     HtmlEditor.prototype.isOrderedList = function (editorValue) {
+        editorValue = editorValue.replace(/\u200B/g, '');
         var olListStartRegex = [/^[1]+[.]+$/, /^[i]+[.]+$/, /^[a]+[.]+$/];
         if (!isNullOrUndefined(editorValue)) {
             for (var i = 0; i < olListStartRegex.length; i++) {
@@ -175,6 +184,7 @@ var HtmlEditor = /** @class */ (function () {
         return false;
     };
     HtmlEditor.prototype.isUnOrderedList = function (editorValue) {
+        editorValue = editorValue.replace(/\u200B/g, '');
         var ulListStartRegex = [/^[*]$/, /^[-]$/];
         if (!isNullOrUndefined(editorValue)) {
             for (var i = 0; i < ulListStartRegex.length; i++) {
@@ -360,7 +370,7 @@ var HtmlEditor = /** @class */ (function () {
             var contentInnerElem = '';
             for (var i = 0; i < enterSplitText.length; i++) {
                 if (enterSplitText[i].trim() === '') {
-                    contentInnerElem += '<p><br></p>';
+                    contentInnerElem += getDefaultValue(this.parent);
                 }
                 else {
                     var contentWithSpace = '';

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

@@ -1,7 +1,7 @@
 import * as events from '../base/constant';
 import { Popup } from '@syncfusion/ej2-popups';
 import { RadioButton } from '@syncfusion/ej2-buttons';
-import { isNullOrUndefined as isNOU, isNullOrUndefined, detach, isBlazor, extend, addClass } from '@syncfusion/ej2-base';
+import { isNullOrUndefined as isNOU, isNullOrUndefined, detach, extend, addClass } from '@syncfusion/ej2-base';
 import { getUniqueID, Browser } from '@syncfusion/ej2-base';
 import { CLS_RTE_PASTE_KEEP_FORMAT, CLS_RTE_PASTE_REMOVE_FORMAT, CLS_RTE_PASTE_PLAIN_FORMAT } from '../base/classes';
 import { CLS_RTE_PASTE_OK, CLS_RTE_PASTE_CANCEL, CLS_RTE_DIALOG_MIN_HEIGHT } from '../base/classes';
@@ -11,7 +11,7 @@ import * as EVENTS from './../../common/constant';
 import { RenderType } from '../base/enum';
 import { Uploader } from '@syncfusion/ej2-inputs';
 import * as classes from '../base/classes';
-import { sanitizeHelper, convertToBlob } from '../base/util';
+import { sanitizeHelper, convertToBlob, getDefaultValue } from '../base/util';
 /**
  * PasteCleanup module called when pasting content in RichTextEditor
  */
@@ -143,7 +143,7 @@ var PasteCleanup = /** @class */ (function () {
         var contentInnerElem = '';
         for (var i = 0; i < enterSplitText.length; i++) {
             if (enterSplitText[i].trim() === '') {
-                contentInnerElem += '<p><br></p>';
+                contentInnerElem += getDefaultValue(this.parent);
             }
             else {
                 var contentWithSpace = this.makeSpace(enterSplitText[i]);
@@ -477,7 +477,7 @@ var PasteCleanup = /** @class */ (function () {
                             dialog.hide();
                             _this.parent.height = isHeight ? preRTEHeight : _this.parent.height;
                             isHeight = false;
-                            var argument = isBlazor() ? null : dialog;
+                            var argument = dialog;
                             _this.dialogRenderObj.close(argument);
                             dialog.destroy();
                             _this.selectFormatting(value, args, keepChecked, cleanChecked);
@@ -495,7 +495,7 @@ var PasteCleanup = /** @class */ (function () {
                             dialog.hide();
                             _this.parent.height = isHeight ? preRTEHeight : _this.parent.height;
                             isHeight = false;
-                            var args_1 = isBlazor() ? null : dialog;
+                            var args_1 = dialog;
                             _this.dialogRenderObj.close(args_1);
                             dialog.destroy();
                         }

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

@@ -1,4 +1,4 @@
-import { EventHandler, Browser, isNullOrUndefined, isBlazor, detach } from '@syncfusion/ej2-base';
+import { EventHandler, Browser, isNullOrUndefined, detach } from '@syncfusion/ej2-base';
 import * as events from '../base/constant';
 import * as classes from '../base/classes';
 /**
@@ -34,7 +34,7 @@ var Resize = /** @class */ (function () {
         }
         this.wireResizeEvents();
         this.parent.notify(events.resizeInitialized, {});
-        var args = isBlazor() ? { requestType: 'editor' } : { event: e, requestType: 'editor' };
+        var args = { event: e, requestType: 'editor' };
         this.parent.trigger(events.resizeStart, args, function (resizeStartArgs) {
             if (resizeStartArgs.cancel) {
                 _this.unwireResizeEvents();
@@ -43,7 +43,7 @@ var Resize = /** @class */ (function () {
     };
     Resize.prototype.performResize = function (e) {
         var _this = this;
-        var args = isBlazor() ? { requestType: 'editor' } : { event: e, requestType: 'editor' };
+        var args = { event: e, requestType: 'editor' };
         this.parent.trigger(events.onResize, args, function (resizingArgs) {
             if (resizingArgs.cancel) {
                 _this.unwireResizeEvents();
@@ -67,7 +67,7 @@ var Resize = /** @class */ (function () {
     Resize.prototype.stopResize = function (e) {
         this.parent.refreshUI();
         this.unwireResizeEvents();
-        var args = isBlazor() ? { requestType: 'editor' } : { event: e, requestType: 'editor' };
+        var args = { event: e, requestType: 'editor' };
         this.parent.trigger(events.resizeStop, args);
     };
     Resize.prototype.getEventType = function (e) {

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

@@ -444,6 +444,11 @@ export declare const pasteClean: string;
 /**
  * @hidden
 
+ */
+export declare const enterHandler: string;
+/**
+ * @hidden
+
  */
 export declare const beforeDialogOpen: string;
 /**

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

@@ -444,6 +444,11 @@ export var pasteClean = 'pasteClean';
 /**
  * @hidden
 
+ */
+export var enterHandler = 'enterHandler';
+/**
+ * @hidden
+
  */
 export var beforeDialogOpen = 'beforeDialogOpen';
 /**

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

@@ -8,7 +8,7 @@ import { ClickEventArgs } from '@syncfusion/ej2-navigations';
 import { BaseToolbar } from '../actions/base-toolbar';
 import { BaseQuickToolbar } from '../actions/base-quick-toolbar';
 import { NodeSelection } from '../../selection/selection';
-import { EditorMode } from './../../common/types';
+import { EditorMode, EnterKey, ShiftEnterKey } from './../../common/types';
 import { MarkdownSelection } from './../../markdown-parser/plugin/markdown-selection';
 import { ToolbarSettingsModel, IFrameSettingsModel, ImageSettingsModel, TableSettingsModel } from '../models/models';
 import { QuickToolbarSettingsModel, InlineModeModel, PasteCleanupSettingsModel, FileManagerSettingsModel } from '../models/models';
@@ -32,6 +32,8 @@ import { PasteCleanup } from '../actions/paste-clean-up';
 import { Popup } from '@syncfusion/ej2-popups';
 import { Resize } from '../actions/resize';
 import { FileManager } from '../actions/file-manager';
+import { NodeCutter, DOMNode } from '../../editor-manager';
+import { EnterKeyAction } from '../actions/enter-key';
 /**
  * Specifies Rich Text Editor interfaces.
  *
@@ -91,6 +93,9 @@ export interface IRichTextEditor extends Component<HTMLElement> {
     fullScreenModule?: FullScreen;
     resizeModule?: Resize;
     refreshUI?(): void;
+    enterKeyModule?: EnterKeyAction;
+    enterKey?: EnterKey;
+    shiftEnterKey?: ShiftEnterKey;
     pasteCleanupModule?: PasteCleanup;
     undoRedoModule?: UndoRedoManager;
     quickToolbarModule?: QuickToolbar;
@@ -363,8 +368,13 @@ export interface ILinkCommandsArgs {
  * Provides information about a Table added to the Rich Text Editor.
  */
 export interface ITableCommandsArgs {
-    /** Defines the number of rows to be inserted in the table */
+    /**
+
+     * This argument deprecated. Use `rows` argument.
+     */
     row?: number;
+    /** Defines the number of rows to be inserted in the table */
+    rows?: number;
     /** Defines the number of columns to be inserted in the table */
     columns?: number;
     /** Defines the minWidth, maxWidth and width of the table */
@@ -380,7 +390,7 @@ export interface ITableCommandsArgs {
 
  */
 export interface ITableArgs {
-    row?: number;
+    rows?: number;
     columns?: number;
     width?: {
         minWidth?: string | number;
@@ -417,6 +427,8 @@ export interface IEditorModel {
     undoRedoManager?: UndoRedoManager | UndoRedoCommands;
     nodeSelection?: NodeSelection;
     mdSelectionFormats?: MDSelectionFormats;
+    domNode?: DOMNode;
+    nodeCutter?: NodeCutter;
 }
 /**
  * Provides information about a ToolbarItems.

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

@@ -1,4 +1,4 @@
-import { Component, ModuleDeclaration, EventHandler, Complex, Browser, EmitType, addClass, select, detach } from '@syncfusion/ej2-base';import { Property, NotifyPropertyChanges, INotifyPropertyChanged, formatUnit, L10n, closest } from '@syncfusion/ej2-base';import { setStyleAttribute, Event, removeClass, print as printWindow, attributes } from '@syncfusion/ej2-base';import { isNullOrUndefined as isNOU, compile, append, extend, debounce, isBlazor } from '@syncfusion/ej2-base';import { Touch as EJ2Touch, TapEventArgs } from '@syncfusion/ej2-base';import { getScrollableParent, BeforeOpenEventArgs, BeforeCloseEventArgs } from '@syncfusion/ej2-popups';import * as events from '../base/constant';import * as classes from '../base/classes';import { Render } from '../renderer/render';import { ViewSource } from '../renderer/view-source';import { IRenderer, IFormatter, PrintEventArgs, ActionCompleteEventArgs, ActionBeginEventArgs, ImageDropEventArgs } from './interface';import { IExecutionGroup, executeGroup, CommandName, ResizeArgs, StatusArgs, ToolbarStatusEventArgs } from './interface';import { BeforeQuickToolbarOpenArgs, ChangeEventArgs, AfterImageDeleteEventArgs, PasteCleanupArgs } from './interface';import { ILinkCommandsArgs, IImageCommandsArgs, BeforeSanitizeHtmlArgs, ITableCommandsArgs, ExecuteCommandOption } from './interface';import { ServiceLocator } from '../services/service-locator';import { RendererFactory } from '../services/renderer-factory';import { RenderType, ToolbarType, DialogType } from './enum';import { EditorMode } from './../../common/types';import { Toolbar } from '../actions/toolbar';import { ExecCommandCallBack } from '../actions/execute-command-callback';import { KeyboardEvents, KeyboardEventArgs } from '../actions/keyboard';import { FontFamilyModel, FontSizeModel, FontColorModel, FormatModel, BackgroundColorModel, NumberFormatListModel, BulletFormatListModel } from '../models/models';import { ToolbarSettingsModel, IFrameSettingsModel, ImageSettingsModel, TableSettingsModel } from '../models/models';import { QuickToolbarSettingsModel, InlineModeModel, PasteCleanupSettingsModel, FileManagerSettingsModel } from '../models/models';import { ToolbarSettings, ImageSettings, QuickToolbarSettings, FontFamily, FontSize, Format, NumberFormatList, BulletFormatList } from '../models/toolbar-settings';import { FileManagerSettings } from '../models/toolbar-settings';import { TableSettings, PasteCleanupSettings } from '../models/toolbar-settings';import { FontColor, BackgroundColor } from '../models/toolbar-settings';import { IFrameSettings } from '../models/iframe-settings';import { InlineMode } from '../models/inline-mode';import { Link } from '../renderer/link-module';import { Image } from '../renderer/image-module';import { Table } from '../renderer/table-module';import { Count } from '../actions/count';import { HtmlEditor } from '../actions/html-editor';import { MarkdownEditor } from '../actions/markdown-editor';import { defaultLocale } from '../models/default-locale';import { setAttributes } from '../actions/html-attributes';import { BaseToolbar } from '../actions/base-toolbar';import { QuickToolbar } from '../actions/quick-toolbar';import { FullScreen } from '../actions/full-screen';import { PasteCleanup } from '../actions/paste-clean-up';import * as CONSTANT from '../../common/constant';import { IHtmlKeyboardEvent } from '../../editor-manager/base/interface';import { dispatchEvent, getEditValue, isIDevice, decode, isEditableValueEmpty } from '../base/util';import { DialogRenderer } from '../renderer/dialog-renderer';import { SelectedEventArgs, RemovingEventArgs, UploadingEventArgs, BeforeUploadEventArgs } from '@syncfusion/ej2-inputs';import { Resize } from '../actions/resize';import { FileManager } from '../actions/file-manager';import { EditorManager } from '../../editor-manager';
+import { Component, ModuleDeclaration, EventHandler, Complex, Browser, EmitType, addClass, select, detach } from '@syncfusion/ej2-base';import { Property, NotifyPropertyChanges, INotifyPropertyChanged, formatUnit, L10n, closest } from '@syncfusion/ej2-base';import { setStyleAttribute, Event, removeClass, print as printWindow, attributes } from '@syncfusion/ej2-base';import { isNullOrUndefined as isNOU, compile, append, extend, debounce } from '@syncfusion/ej2-base';import { Touch as EJ2Touch, TapEventArgs } from '@syncfusion/ej2-base';import { getScrollableParent, BeforeOpenEventArgs, BeforeCloseEventArgs } from '@syncfusion/ej2-popups';import * as events from '../base/constant';import * as classes from '../base/classes';import { Render } from '../renderer/render';import { ViewSource } from '../renderer/view-source';import { IRenderer, IFormatter, PrintEventArgs, ActionCompleteEventArgs, ActionBeginEventArgs, ImageDropEventArgs } from './interface';import { IExecutionGroup, executeGroup, CommandName, ResizeArgs, StatusArgs, ToolbarStatusEventArgs } from './interface';import { BeforeQuickToolbarOpenArgs, ChangeEventArgs, AfterImageDeleteEventArgs, PasteCleanupArgs } from './interface';import { ILinkCommandsArgs, IImageCommandsArgs, BeforeSanitizeHtmlArgs, ITableCommandsArgs, ExecuteCommandOption } from './interface';import { ServiceLocator } from '../services/service-locator';import { RendererFactory } from '../services/renderer-factory';import { RenderType, ToolbarType, DialogType } from './enum';import { EditorMode, ShiftEnterKey, EnterKey } from './../../common/types';import { Toolbar } from '../actions/toolbar';import { ExecCommandCallBack } from '../actions/execute-command-callback';import { KeyboardEvents, KeyboardEventArgs } from '../actions/keyboard';import { FontFamilyModel, FontSizeModel, FontColorModel, FormatModel, BackgroundColorModel, NumberFormatListModel, BulletFormatListModel } from '../models/models';import { ToolbarSettingsModel, IFrameSettingsModel, ImageSettingsModel, TableSettingsModel } from '../models/models';import { QuickToolbarSettingsModel, InlineModeModel, PasteCleanupSettingsModel, FileManagerSettingsModel } from '../models/models';import { ToolbarSettings, ImageSettings, QuickToolbarSettings, FontFamily, FontSize, Format, NumberFormatList, BulletFormatList } from '../models/toolbar-settings';import { FileManagerSettings } from '../models/toolbar-settings';import { TableSettings, PasteCleanupSettings } from '../models/toolbar-settings';import { FontColor, BackgroundColor } from '../models/toolbar-settings';import { IFrameSettings } from '../models/iframe-settings';import { InlineMode } from '../models/inline-mode';import { Link } from '../renderer/link-module';import { Image } from '../renderer/image-module';import { Table } from '../renderer/table-module';import { Count } from '../actions/count';import { HtmlEditor } from '../actions/html-editor';import { MarkdownEditor } from '../actions/markdown-editor';import { defaultLocale } from '../models/default-locale';import { setAttributes } from '../actions/html-attributes';import { BaseToolbar } from '../actions/base-toolbar';import { QuickToolbar } from '../actions/quick-toolbar';import { FullScreen } from '../actions/full-screen';import { PasteCleanup } from '../actions/paste-clean-up';import { EnterKeyAction } from '../actions/enter-key';import * as CONSTANT from '../../common/constant';import { IHtmlKeyboardEvent } from '../../editor-manager/base/interface';import { dispatchEvent, getEditValue, isIDevice, decode, isEditableValueEmpty, getDefaultValue } from '../base/util';import { DialogRenderer } from '../renderer/dialog-renderer';import { SelectedEventArgs, RemovingEventArgs, UploadingEventArgs, BeforeUploadEventArgs } from '@syncfusion/ej2-inputs';import { Resize } from '../actions/resize';import { FileManager } from '../actions/file-manager';import { EditorManager } from '../../editor-manager';
 import {ComponentModel} from '@syncfusion/ej2-base';
 
 /**
@@ -331,6 +331,32 @@ export interface RichTextEditorModel extends ComponentModel{
      */
     value?: string;
 
+    /**
+     * Specifies tag to be inserted when enter key is pressed.
+     * 
+     * - `P` - When the enter key is pressed a `p` tag will be inserted and the default value of the Rich Text Editor will be <p><br></p>.
+     * 
+     * - `DIV` - When the enter key is pressed a `div` tag will be inserted instead of the default `P` tag and the default value of the Rich Text Editor will be <div><br></div>.
+     * 
+     * - `BR` - When the enter key is pressed a `br` tag will be inserted instead of the default `P` tag and the default value of the Rich Text Editor will be <br>.
+     *
+     * @default 'P'
+     */
+    enterKey?: EnterKey;
+
+    /**
+     * Specifies tags to be inserted when shift+enter key is pressed.
+     * 
+     * - `BR` - When the shift + enter key is pressed a `br` tag will be inserted which is the default behavior.
+     * 
+     * - `P` - When the shift + enter key is pressed a `p` tag will be inserted instead of the default `br` tag.
+     * 
+     * - `DIV` - When the shift + enter key is pressed a `div` tag will be inserted instead of the default `br` tag.
+     *
+     * @default 'BR'
+     */
+    shiftEnterKey?: ShiftEnterKey;
+
     /**
      * Specifies the count of undo history which is stored in undoRedoManager.
      *

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

@@ -5,12 +5,12 @@ import { RichTextEditorModel } from './rich-text-editor-model';
 import { Render } from '../renderer/render';
 import { ViewSource } from '../renderer/view-source';
 import { IRenderer, IFormatter, ActionCompleteEventArgs, ActionBeginEventArgs, ImageDropEventArgs } from './interface';
-import { CommandName, ResizeArgs } from './interface';
+import { CommandName, ResizeArgs, ToolbarStatusEventArgs } from './interface';
 import { BeforeQuickToolbarOpenArgs, ChangeEventArgs, AfterImageDeleteEventArgs, PasteCleanupArgs } from './interface';
 import { ILinkCommandsArgs, IImageCommandsArgs, BeforeSanitizeHtmlArgs, ITableCommandsArgs, ExecuteCommandOption } from './interface';
 import { ServiceLocator } from '../services/service-locator';
 import { DialogType } from './enum';
-import { EditorMode } from './../../common/types';
+import { EditorMode, ShiftEnterKey, EnterKey } from './../../common/types';
 import { Toolbar } from '../actions/toolbar';
 import { KeyboardEvents } from '../actions/keyboard';
 import { FontFamilyModel, FontSizeModel, FontColorModel, FormatModel, BackgroundColorModel, NumberFormatListModel, BulletFormatListModel } from '../models/models';
@@ -26,6 +26,7 @@ import { BaseToolbar } from '../actions/base-toolbar';
 import { QuickToolbar } from '../actions/quick-toolbar';
 import { FullScreen } from '../actions/full-screen';
 import { PasteCleanup } from '../actions/paste-clean-up';
+import { EnterKeyAction } from '../actions/enter-key';
 import { SelectedEventArgs, RemovingEventArgs, UploadingEventArgs, BeforeUploadEventArgs } from '@syncfusion/ej2-inputs';
 import { Resize } from '../actions/resize';
 import { FileManager } from '../actions/file-manager';
@@ -121,6 +122,11 @@ export declare class RichTextEditor extends Component<HTMLElement> implements IN
     /**
      * @hidden
 
+     */
+    enterKeyModule: EnterKeyAction;
+    /**
+     * @hidden
+
      */
     sourceCodeModule: ViewSource;
     /**
@@ -458,6 +464,30 @@ export declare class RichTextEditor extends Component<HTMLElement> implements IN
      * @default null
      */
     value: string;
+    /**
+     * Specifies tag to be inserted when enter key is pressed.
+     *
+     * - `P` - When the enter key is pressed a `p` tag will be inserted and the default value of the Rich Text Editor will be &lt;p&gt;&lt;br&gt;&lt;/p&gt;.
+     *
+     * - `DIV` - When the enter key is pressed a `div` tag will be inserted instead of the default `P` tag and the default value of the Rich Text Editor will be &lt;div&gt;&lt;br&gt;&lt;/div&gt;.
+     *
+     * - `BR` - When the enter key is pressed a `br` tag will be inserted instead of the default `P` tag and the default value of the Rich Text Editor will be &lt;br&gt;.
+     *
+     * @default 'P'
+     */
+    enterKey: EnterKey;
+    /**
+     * Specifies tags to be inserted when shift+enter key is pressed.
+     *
+     * - `BR` - When the shift + enter key is pressed a `br` tag will be inserted which is the default behavior.
+     *
+     * - `P` - When the shift + enter key is pressed a `p` tag will be inserted instead of the default `br` tag.
+     *
+     * - `DIV` - When the shift + enter key is pressed a `div` tag will be inserted instead of the default `br` tag.
+     *
+     * @default 'BR'
+     */
+    shiftEnterKey: ShiftEnterKey;
     /**
      * Specifies the count of undo history which is stored in undoRedoManager.
      *
@@ -762,14 +792,14 @@ export declare class RichTextEditor extends Component<HTMLElement> implements IN
 
      * @event 'object'
      */
-    private toolbarStatusUpdate;
+    toolbarStatusUpdate: EmitType<Object>;
     /**
      * Triggers when the toolbar items status is updated.
      *
      * @event 'object'
      * @blazorType ToolbarUpdateEventArgs
      */
-    private updatedToolbarStatus;
+    updatedToolbarStatus: EmitType<ToolbarStatusEventArgs>;
     /**
      * Event triggers when the image is selected or dragged into the insert image dialog.
      *
@@ -1253,7 +1283,6 @@ export declare class RichTextEditor extends Component<HTMLElement> implements IN
     private InjectSheet;
     private createScriptElement;
     private createStyleElement;
-    private isBlazor;
     private setValue;
     private updateResizeFlag;
     /**