@syncfusion/ej2-richtexteditor 23.2.7 → 24.1.41-569421

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

@@ -88,7 +88,7 @@ export declare function updateUndoRedoStatus(baseToolbar: BaseToolbar, undoRedoS
  * @param {string} type - specifies the string type.
  * @returns {void}
  * @hidden
-
+ * @deprecated
  */
 export declare function dispatchEvent(element: Element | HTMLDocument, type: string): void;
 /**

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

@@ -230,7 +230,12 @@ export function setToolbarStatus(e, isPopToolbar, self) {
                         }
                         case 'bulletFormatList':
                         case 'numberFormatList': {
-                            removeClass([e.tbElements[j]], [classes.CLS_ACTIVE]);
+                            if (value !== '') {
+                                addClass([e.tbElements[j]], [classes.CLS_ACTIVE]);
+                            }
+                            else {
+                                removeClass([e.tbElements[j]], [classes.CLS_ACTIVE]);
+                            }
                         }
                     }
                 }
@@ -265,11 +270,11 @@ export function getTBarItemsIndex(items, toolbarItems) {
                 continue;
             }
             else {
-                if (items[i] === 'OrderedList' && toolbarItems[j].subCommand === 'OL') {
+                if ((items[i] === 'OrderedList' || items[i] === 'NumberFormatList') && toolbarItems[j].subCommand === 'OL') {
                     itemsIndex.push(j);
                     break;
                 }
-                else if (items[i] === 'UnorderedList' && toolbarItems[j].subCommand === 'UL') {
+                else if ((items[i] === 'UnorderedList' || items[i] === 'BulletFormatList') && toolbarItems[j].subCommand === 'UL') {
                     itemsIndex.push(j);
                     break;
                 }
@@ -321,7 +326,7 @@ export function updateUndoRedoStatus(baseToolbar, undoRedoStatus) {
  * @param {string} type - specifies the string type.
  * @returns {void}
  * @hidden
-
+ * @deprecated
  */
 export function dispatchEvent(element, type) {
     var evt = document.createEvent('HTMLEvents');
@@ -422,6 +427,15 @@ export function updateTextNode(value, rteObj) {
             for (var i = 0; i < emptyBlockElem.length; i++) {
                 emptyBlockElem[i].innerHTML = '<br>';
             }
+            // To handle the Empty block node with \n
+            var allPNodes = tempNode.querySelectorAll('p');
+            for (var i = 0; i < allPNodes.length; i++) {
+                if (allPNodes[i].textContent.trim().length === 0 && allPNodes[i].childNodes.length === 1
+                    && allPNodes[i].childNodes[0].nodeName === '#text' &&
+                    isNOU(allPNodes[i].childNodes[0].textContent.match(/\u00a0/g))) {
+                    allPNodes[i].innerHTML = '<br>';
+                }
+            }
             var emptyInlineElem = tempNode.querySelectorAll(CONSTANT.inlineEmptyNodes);
             for (var i = 0; i < emptyInlineElem.length; i++) {
                 emptyInlineElem[i].innerHTML = '&ZeroWidthSpace;';
@@ -456,11 +470,15 @@ export function updateTextNode(value, rteObj) {
         }
         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(classes.CLS_RTE_IMAGE)) {
                 imageElm[i].classList.add(classes.CLS_RTE_IMAGE);
             }
             if (!(imageElm[i].classList.contains(classes.CLS_IMGINLINE) ||
-                imageElm[i].classList.contains(classes.CLS_IMGBREAK))) {
+                imageElm[i].classList.contains(classes.CLS_IMGBREAK)) &&
+                !(imageElm[i].classList.contains('e-imgleft') || imageElm[i].classList.contains('e-imgright') || imageElm[i].classList.contains('e-imgcenter'))) {
                 imageElm[i].classList.add(classes.CLS_IMGINLINE);
             }
         }

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

@@ -7,7 +7,7 @@ import { IHtmlUndoRedoData } from '../../editor-manager/base/interface';
  * Formatter
  *
  * @hidden
-
+ * @deprecated
  */
 export declare class Formatter {
     editorManager: IEditorModel;
@@ -21,7 +21,7 @@ export declare class Formatter {
      * @param  {IItemCollectionArgs} value - specifies the collection arguments
      * @returns {void}
      * @hidden
-
+     * @deprecated
      */
     process(self: IRichTextEditor, args: ActionBeginEventArgs, event: MouseEvent | KeyboardEvent, value: IItemCollectionArgs): void;
     private getAncestorNode;
@@ -32,7 +32,7 @@ export declare class Formatter {
      * @param {KeyboardEvent} e - specifies the keyboard event.
      * @returns {void}
      * @hidden
-
+     * @deprecated
      */
     onKeyHandler(self: IRichTextEditor, e: KeyboardEvent): void;
     /**
@@ -42,7 +42,7 @@ export declare class Formatter {
      * @param {IMarkdownFormatterCallBack} events - specifies the event call back
      * @returns {void}
      * @hidden
-
+     * @deprecated
      */
     onSuccess(self: IRichTextEditor, events: IMarkdownFormatterCallBack | IHtmlFormatterCallBack): void;
     /**
@@ -51,7 +51,7 @@ export declare class Formatter {
      * @param {KeyboardEvent} e - specifies the keyboard event.
      * @returns {void}
      * @hidden
-
+     * @deprecated
      */
     saveData(e?: KeyboardEvent | MouseEvent | IUndoCallBack): void;
     /**
@@ -59,7 +59,7 @@ export declare class Formatter {
      *
      * @returns {void}
      * @hidden
-
+     * @deprecated
      */
     getUndoStatus(): {
         [key: string]: boolean;
@@ -70,7 +70,7 @@ export declare class Formatter {
      * @param {IHtmlUndoRedoData}  - specifies the redo data.
      * @returns {void}
      * @hidden
-
+     * @deprecated
      */
     getUndoRedoStack(): IHtmlUndoRedoData[] | MarkdownUndoRedoData[];
     /**
@@ -79,7 +79,7 @@ export declare class Formatter {
      * @param {IRichTextEditor} self - specifies the self element.
      * @returns {void}
      * @hidden
-
+     * @deprecated
      */
     enableUndo(self: IRichTextEditor): void;
 }

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

@@ -1,4 +1,4 @@
-import { extend, isNullOrUndefined as isNOU, Browser } from '@syncfusion/ej2-base';
+import { extend, isNullOrUndefined as isNOU, Browser, closest } from '@syncfusion/ej2-base';
 import * as CONSTANT from '../base/constant';
 import { updateUndoRedoStatus, isIDevice } from '../base/util';
 import { KEY_DOWN, KEY_UP } from './../../common/constant';
@@ -6,7 +6,7 @@ import { KEY_DOWN, KEY_UP } from './../../common/constant';
  * Formatter
  *
  * @hidden
-
+ * @deprecated
  */
 var Formatter = /** @class */ (function () {
     function Formatter() {
@@ -20,19 +20,28 @@ var Formatter = /** @class */ (function () {
      * @param  {IItemCollectionArgs} value - specifies the collection arguments
      * @returns {void}
      * @hidden
-
+     * @deprecated
      */
     Formatter.prototype.process = function (self, args, event, value) {
         var _this = this;
         var selection = self.contentModule.getDocument().getSelection();
         var range = (selection.rangeCount > 0) ? selection.getRangeAt(selection.rangeCount - 1) : null;
         var saveSelection;
+        var newRange;
+        if (!isNOU(value) && !isNOU(value.selection)) {
+            newRange = value.selection.range;
+        }
         var isKeyboardVideoInsert = (!isNOU(value) && !isNOU(value.cssClass) &&
             value.cssClass !== 'e-video-inline');
         if (self.editorMode === 'HTML') {
             if (!isNOU(args) && !isKeyboardVideoInsert) {
                 if (isNOU(args.name) || (!isNOU(args.name) && args.name !== 'showDialog')) {
-                    saveSelection = this.editorManager.nodeSelection.save(range, self.contentModule.getDocument());
+                    if (newRange) {
+                        saveSelection = this.editorManager.nodeSelection.save(newRange, self.contentModule.getDocument());
+                    }
+                    else {
+                        saveSelection = this.editorManager.nodeSelection.save(range, self.contentModule.getDocument());
+                    }
                 }
             }
         }
@@ -60,7 +69,7 @@ var Formatter = /** @class */ (function () {
             if (args.item.command === 'Images' || args.item.command === 'Videos' || args.item.command === 'Table' || args.item.command === 'Files') {
                 currentInsertContentLength = 1;
             }
-            var currentLength = self.getText().trim().length;
+            var currentLength = self.getText().trim().replace(/(\r\n|\n|\r|\t)/gm, '').replace(/\u200B/g, '').length;
             var selectionLength = self.getSelection().length;
             var totalLength = (currentLength - selectionLength) + currentInsertContentLength;
             if (!(self.maxLength === -1 || totalLength <= self.maxLength)) {
@@ -124,7 +133,10 @@ var Formatter = /** @class */ (function () {
                         _this.saveData();
                     }
                     self.isBlur = false;
-                    self.contentModule.getEditPanel().focus();
+                    var quickToolbarAction = !isNOU(event) && !isNOU(event.target) && (!isNOU(closest(event.target, ".e-rte-elements.e-dropdown-popup.e-rte-dropdown-popup.e-quick-dropdown.e-popup-open")) || !isNOU(closest(event.target, ".e-rte-elements.e-rte-quick-popup.e-popup-open")));
+                    if (isNOU(saveSelection) || (!quickToolbarAction && (isNOU(closest(saveSelection.range.startContainer.parentElement, ".e-img-caption")) ? true : !(closest(saveSelection.range.startContainer.parentElement, ".e-img-caption").getAttribute("contenteditable") == "false")))) {
+                        self.contentModule.getEditPanel().focus();
+                    }
                     if (self.editorMode === 'HTML' && !isKeyboardVideoInsert) {
                         if (isNOU(args.selectType) || (!isNOU(args.selectType) && args.selectType !== 'showDialog')) {
                             saveSelection.restore();
@@ -157,7 +169,7 @@ var Formatter = /** @class */ (function () {
      * @param {KeyboardEvent} e - specifies the keyboard event.
      * @returns {void}
      * @hidden
-
+     * @deprecated
      */
     Formatter.prototype.onKeyHandler = function (self, e) {
         var _this = this;
@@ -175,7 +187,7 @@ var Formatter = /** @class */ (function () {
      * @param {IMarkdownFormatterCallBack} events - specifies the event call back
      * @returns {void}
      * @hidden
-
+     * @deprecated
      */
     Formatter.prototype.onSuccess = function (self, events) {
         self.notify(CONSTANT.contentChanged, {});
@@ -209,7 +221,7 @@ var Formatter = /** @class */ (function () {
      * @param {KeyboardEvent} e - specifies the keyboard event.
      * @returns {void}
      * @hidden
-
+     * @deprecated
      */
     Formatter.prototype.saveData = function (e) {
         this.editorManager.undoRedoManager.saveData(e);
@@ -219,7 +231,7 @@ var Formatter = /** @class */ (function () {
      *
      * @returns {void}
      * @hidden
-
+     * @deprecated
      */
     Formatter.prototype.getUndoStatus = function () {
         return this.editorManager.undoRedoManager.getUndoStatus();
@@ -231,7 +243,7 @@ var Formatter = /** @class */ (function () {
      * @param {IHtmlUndoRedoData}  - specifies the redo data.
      * @returns {void}
      * @hidden
-
+     * @deprecated
      */
     /* eslint-enable */
     Formatter.prototype.getUndoRedoStack = function () {
@@ -243,7 +255,7 @@ var Formatter = /** @class */ (function () {
      * @param {IRichTextEditor} self - specifies the self element.
      * @returns {void}
      * @hidden
-
+     * @deprecated
      */
     Formatter.prototype.enableUndo = function (self) {
         var status = this.getUndoStatus();

package/src/rich-text-editor/formatter/html-formatter.d.ts

@@ -5,7 +5,7 @@ import { FormatPainterSettingsModel } from '../models';
  * HTML adapter
  *
  * @hidden
-
+ * @deprecated
  */
 export declare class HTMLFormatter extends Formatter {
     keyConfig: {
@@ -26,7 +26,7 @@ export declare class HTMLFormatter extends Formatter {
      * @param {FormatPainterSettingsModel} formatPainterSettings - specifies the format painter settings
      * @returns {void}
      * @hidden
-
+     * @deprecated
      */
     updateFormatter(editElement: Element, doc?: Document, options?: {
         [key: string]: number;

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

@@ -1,16 +1,16 @@
-var __extends = (this && this.__extends) || (function () {
-    var extendStatics = function (d, b) {
-        extendStatics = Object.setPrototypeOf ||
-            ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
-            function (d, b) { for (var p in b) if (b.hasOwnProperty(p)) d[p] = b[p]; };
-        return extendStatics(d, b);
-    };
-    return function (d, b) {
-        extendStatics(d, b);
-        function __() { this.constructor = d; }
-        d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
-    };
-})();
+var __extends = (this && this.__extends) || (function () {
+    var extendStatics = function (d, b) {
+        extendStatics = Object.setPrototypeOf ||
+            ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
+            function (d, b) { for (var p in b) if (b.hasOwnProperty(p)) d[p] = b[p]; };
+        return extendStatics(d, b);
+    };
+    return function (d, b) {
+        extendStatics(d, b);
+        function __() { this.constructor = d; }
+        d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
+    };
+})();
 import { Formatter } from './formatter';
 import { EditorManager } from './../../editor-manager/base/editor-manager';
 import { extend } from '@syncfusion/ej2-base';
@@ -19,7 +19,7 @@ import { htmlKeyConfig } from './../../common/config';
  * HTML adapter
  *
  * @hidden
-
+ * @deprecated
  */
 var HTMLFormatter = /** @class */ (function (_super) {
     __extends(HTMLFormatter, _super);
@@ -44,7 +44,7 @@ var HTMLFormatter = /** @class */ (function (_super) {
      * @param {FormatPainterSettingsModel} formatPainterSettings - specifies the format painter settings
      * @returns {void}
      * @hidden
-
+     * @deprecated
      */
     HTMLFormatter.prototype.updateFormatter = function (editElement, doc, options, formatPainterSettings) {
         if (editElement && doc) {

package/src/rich-text-editor/formatter/markdown-formatter.d.ts

@@ -4,7 +4,7 @@ import { IEditorModel, IMarkdownFormatterModel } from './../base/interface';
  * Markdown adapter
  *
  * @hidden
-
+ * @deprecated
  */
 export declare class MarkdownFormatter extends Formatter {
     keyConfig: {
@@ -31,7 +31,7 @@ export declare class MarkdownFormatter extends Formatter {
      * @param {number} options - specifies the options
      * @returns {void}
      * @hidden
-
+     * @deprecated
      */
     updateFormatter(editElement: Element, doc?: Document, options?: {
         [key: string]: number;

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

@@ -1,16 +1,16 @@
-var __extends = (this && this.__extends) || (function () {
-    var extendStatics = function (d, b) {
-        extendStatics = Object.setPrototypeOf ||
-            ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
-            function (d, b) { for (var p in b) if (b.hasOwnProperty(p)) d[p] = b[p]; };
-        return extendStatics(d, b);
-    };
-    return function (d, b) {
-        extendStatics(d, b);
-        function __() { this.constructor = d; }
-        d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
-    };
-})();
+var __extends = (this && this.__extends) || (function () {
+    var extendStatics = function (d, b) {
+        extendStatics = Object.setPrototypeOf ||
+            ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
+            function (d, b) { for (var p in b) if (b.hasOwnProperty(p)) d[p] = b[p]; };
+        return extendStatics(d, b);
+    };
+    return function (d, b) {
+        extendStatics(d, b);
+        function __() { this.constructor = d; }
+        d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
+    };
+})();
 import { Formatter } from './formatter';
 import { MarkdownParser } from './../../markdown-parser/base/markdown-parser';
 import { extend } from '@syncfusion/ej2-base';
@@ -19,7 +19,7 @@ import { markdownKeyConfig, markdownListsTags, markdownFormatTags, markdownSelec
  * Markdown adapter
  *
  * @hidden
-
+ * @deprecated
  */
 var MarkdownFormatter = /** @class */ (function (_super) {
     __extends(MarkdownFormatter, _super);
@@ -46,7 +46,7 @@ var MarkdownFormatter = /** @class */ (function (_super) {
      * @param {number} options - specifies the options
      * @returns {void}
      * @hidden
-
+     * @deprecated
      */
     MarkdownFormatter.prototype.updateFormatter = function (editElement, doc, options) {
         if (editElement) {

package/src/rich-text-editor/models/default-locale.js

@@ -48,11 +48,11 @@ export var defaultLocale = {
     'audioLayoutOption': 'Layout option',
     'videoLayoutOption': 'Layout option',
     'align': 'Align',
-    'caption': 'Image Caption',
+    'caption': 'Caption',
     'remove': 'Remove',
     'insertLink': 'Insert Link',
     'display': 'Display',
-    'altText': 'Alternative Text',
+    'altText': 'Alternative text',
     'dimension': 'Change Size',
     'fullscreen': 'Maximize',
     'maximize': 'Maximize',
@@ -65,12 +65,12 @@ export var defaultLocale = {
     'preview': 'Preview',
     'viewside': 'ViewSide',
     'insertCode': 'Insert Code',
-    'linkText': 'Display Text',
+    'linkText': 'Display text',
     'linkTooltipLabel': 'Title',
-    'linkWebUrl': 'Web Address',
+    'linkWebUrl': 'Web address',
     'linkTitle': 'Enter a title',
-    'linkurl': 'http://example.com',
-    'linkOpenInNewWindow': 'Open Link in New Window',
+    'linkurl': 'https://example.com',
+    'linkOpenInNewWindow': 'Open link in new window',
     'linkHeader': 'Insert Link',
     'dialogInsert': 'Insert',
     'dialogCancel': 'Cancel',
@@ -92,9 +92,9 @@ export var defaultLocale = {
     'imageAlternateText': 'Alternate Text',
     'alternateHeader': 'Alternative Text',
     'browse': 'Browse',
-    'imageUrl': 'http://example.com/image.png',
-    'audioUrl': 'http://example.com/audio.mp3',
-    'videoUrl': 'http://example.com/video.mp3',
+    'imageUrl': 'https://example.com/image.png',
+    'audioUrl': 'https://example.com/audio.mp3',
+    'videoUrl': 'https://example.com/video.mp4',
     'webUrl': 'Web URL',
     'embedUrl': 'Embed Code',
     'imageCaption': 'Caption',
@@ -104,7 +104,7 @@ export var defaultLocale = {
     'imageWidth': 'Width',
     'videoHeight': 'Height',
     'videoWidth': 'Width',
-    'textPlaceholder': 'Enter Text',
+    'textPlaceholder': 'Enter text',
     'inserttablebtn': 'Insert Table',
     'tabledialogHeader': 'Insert Table',
     'tableWidth': 'Width',
@@ -112,14 +112,14 @@ export var defaultLocale = {
     'cellspacing': 'Cell Spacing',
     'columns': 'Number of columns',
     'rows': 'Number of rows',
-    'tableRows': 'Table Rows',
-    'tableColumns': 'Table Columns',
+    'tableRows': 'Row',
+    'tableColumns': 'Column',
     'tableCellHorizontalAlign': 'Table Cell Horizontal Align',
-    'tableCellVerticalAlign': 'Table Cell Vertical Align',
+    'tableCellVerticalAlign': 'Vertical Align',
     'createTable': 'Create Table',
     'removeTable': 'Remove Table',
-    'tableHeader': 'Table Header',
-    'tableRemove': 'Table Remove',
+    'tableHeader': 'Header Row',
+    'tableRemove': 'Delete Table',
     'tableCellBackground': 'Table Cell Background',
     'tableEditProperties': 'Table Edit Properties',
     'styles': 'Styles',
@@ -181,11 +181,11 @@ export var defaultLocale = {
     'fontNameTimesNewRoman': 'Times New Roman',
     'fontNameVerdana': 'Verdana',
     'numberFormatListNumber': 'Number',
-    'numberFormatListLowerAlpha': 'LowerAlpha',
-    'numberFormatListUpperAlpha': 'UpperAlpha',
-    'numberFormatListLowerRoman': 'LowerRoman',
-    'numberFormatListUpperRoman': 'UpperRoman',
-    'numberFormatListLowerGreek': 'LowerGreek',
+    'numberFormatListLowerAlpha': 'Lower Alpha',
+    'numberFormatListUpperAlpha': 'Upper Alpha',
+    'numberFormatListLowerRoman': 'Lower Roman',
+    'numberFormatListUpperRoman': 'Upper Roman',
+    'numberFormatListLowerGreek': 'Lower Greek',
     'bulletFormatListDisc': 'Disc',
     'bulletFormatListCircle': 'Circle',
     'bulletFormatListSquare': 'Square',
@@ -193,12 +193,16 @@ export var defaultLocale = {
     'bulletFormatListNone': 'None',
     'formatPainter': 'Format Painter',
     'emojiPicker': 'Emoji Picker',
-    'embeddedCode': 'Embedded Code',
-    'pasteEmbeddedCodeHere': 'Paste Embedded Code here',
+    'embeddedCode': 'Embedded code',
+    'pasteEmbeddedCodeHere': 'Paste embedded code here',
     'emojiPickerTypeToFind': 'Type to find',
     'emojiPickerNoResultFound': 'No results found',
     'emojiPickerTrySomethingElse': 'Try something else',
     'linkAriaLabel': 'Open in new window',
+    'unsupportedImage': 'Unsupported file format',
+    'mergecells': 'Merge cells',
+    'verticalsplit': 'Vertical split',
+    'horizontalsplit': 'Horizontal split'
 };
 export var toolsLocale = {
     'alignments': 'alignments',
@@ -227,6 +231,7 @@ export var toolsLocale = {
     'bulletformatlist': 'bulletFormatList',
     'undo': 'undo',
     'redo': 'redo',
+    'filemanager': 'fileManager',
     'superscript': 'superscript',
     'subscript': 'subscript',
     'createlink': 'createLink',
@@ -253,7 +258,7 @@ export var toolsLocale = {
     'remove': 'remove',
     'insertlink': 'insertLink',
     'display': 'display',
-    'alttext': 'altText',
+    'alttext': 'alternateHeader',
     'dimension': 'dimension',
     'fullscreen': 'fullscreen',
     'maximize': 'maximize',
@@ -288,11 +293,12 @@ export var toolsLocale = {
     'deleterow': 'deleteRow',
     'formatpainter': 'formatPainter',
     'emojipicker': 'emojiPicker',
-    'embeddedCode': 'Embedded Code',
-    'pasteEmbeddedCodeHere': 'Paste Embedded Code here',
+    'embeddedCode': 'Embedded code',
+    'pasteEmbeddedCodeHere': 'Paste embedded code here',
     'emojiPickerTypeToFind': 'Type to find',
     'emojiPickerNoResultFound': 'No results found',
     'emojiPickerTrySomethingElse': 'Try something else',
+    'imageLinkAriaLabel': 'Open in new window',
 };
 export var fontNameLocale = [
     { locale: 'fontNameSegoeUI', value: 'Segoe UI' },

package/src/rich-text-editor/models/iframe-settings-model.d.ts

@@ -1,4 +1,4 @@
-import { Property, ChildProperty, Complex } from '@syncfusion/ej2-base';
+import { Property, ChildProperty, Complex } from '@syncfusion/ej2-base';
 
 /**
  * Interface for a class Resources
@@ -6,18 +6,18 @@ import { Property, ChildProperty, Complex } from '@syncfusion/ej2-base';
 export interface ResourcesModel {
 
     /**
-     * Specifies styles that inject into iframe.
-     *
-     * @default []
-     */
-    styles?: string[];
+     * Specifies styles that inject into iframe.
+     *
+     * @default []
+     */
+    styles?: string[];
 
     /**
-     * Specifies scripts that inject into iframe.
-     *
-     * @default []
-     */
-    scripts?: string[];
+     * Specifies scripts that inject into iframe.
+     *
+     * @default []
+     */
+    scripts?: string[];
 
 }
 
@@ -27,24 +27,24 @@ export interface ResourcesModel {
 export interface IFrameSettingsModel {
 
     /**
-     * Specifies whether to render iframe based editable element in RTE.
-     *
-     * @default false
-     */
-    enable?: boolean;
+     * Specifies whether to render iframe based editable element in RTE.
+     *
+     * @default false
+     */
+    enable?: boolean;
 
     /**
-     * Defines additional attributes to render iframe.
-     *
-     * @default 'null'
-     */
-    attributes?: { [key: string]: string };
+     * Defines additional attributes to render iframe.
+     *
+     * @default 'null'
+     */
+    attributes?: { [key: string]: string };
 
     /**
-     * The object used for inject styles and scripts.
-     *
-     * @default {}
-     */
-    resources?: ResourcesModel;
+     * The object used for inject styles and scripts.
+     *
+     * @default {}
+     */
+    resources?: ResourcesModel;
 
 }

package/src/rich-text-editor/models/iframe-settings.js

@@ -1,22 +1,22 @@
-var __extends = (this && this.__extends) || (function () {
-    var extendStatics = function (d, b) {
-        extendStatics = Object.setPrototypeOf ||
-            ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
-            function (d, b) { for (var p in b) if (b.hasOwnProperty(p)) d[p] = b[p]; };
-        return extendStatics(d, b);
-    };
-    return function (d, b) {
-        extendStatics(d, b);
-        function __() { this.constructor = d; }
-        d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
-    };
-})();
-var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
-    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
-    if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
-    else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
-    return c > 3 && r && Object.defineProperty(target, key, r), r;
-};
+var __extends = (this && this.__extends) || (function () {
+    var extendStatics = function (d, b) {
+        extendStatics = Object.setPrototypeOf ||
+            ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
+            function (d, b) { for (var p in b) if (b.hasOwnProperty(p)) d[p] = b[p]; };
+        return extendStatics(d, b);
+    };
+    return function (d, b) {
+        extendStatics(d, b);
+        function __() { this.constructor = d; }
+        d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
+    };
+})();
+var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
+    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
+    if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
+    else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
+    return c > 3 && r && Object.defineProperty(target, key, r), r;
+};
 import { Property, ChildProperty, Complex } from '@syncfusion/ej2-base';
 /**
  * Objects used for configuring the iframe resources properties.