@syncfusion/ej2-richtexteditor - npm Package Compare versions

Comparing version 17.2.39 to 17.2.41

CHANGELOG.md

@@ -5,2 +5,15 @@ # Changelog
 
+### RichTextEditor
+
+#### New Features
+
+- **Support for saving images in base64**
+    - `#240002`, `#242405` - This feature allows users to save the images in the RichTextEditor in base64 format along with the existing blob format.
+
+- `#242771` - Provided the support to handle both absolute and relative path links.
+
+#### Bug Fixes
+
+- `#243767` - The issue with applying selected format based on content editable has been fixed.
+
 ## 17.2.36 (2019-07-24)
@@ -16,2 +29,8 @@
 
+- `#243475` - Resolved the issue with max-length validation on pasting the content.
+
+- `#243921` - The issue, "font-size not applied to cursor based selection" has been resolved.
+
+- `#242999` - The key action for `tab` key and `shift + tab` key are similar now.
+
 ## 17.2.35 (2019-07-17)
@@ -18,0 +37,0 @@

dist/global/index.d.ts

 /*!
 *  filename: index.d.ts
-*  version : 17.2.39
+*  version : 17.2.41
 *  Copyright Syncfusion Inc. 2001 - 2019. All rights reserved.
@@ -5,0 +5,0 @@ *  Use of this code is subject to the terms of our license.

package.json

 {
   "_from": "@syncfusion/ej2-richtexteditor@*",
-  "_id": "@syncfusion/ej2-richtexteditor@17.2.36",
+  "_id": "@syncfusion/ej2-richtexteditor@17.2.39",
   "_inBundle": false,
-  "_integrity": "sha512-V1TOaJPZZqxgoM5zbG3mWtQIUoYZKOUEUcePeptwr1S40nEDm0/46xc5hlbaaqOXQw9Vj137S1EmmU4SOKXQQw==",
+  "_integrity": "sha512-30pcmCj7gYjl4lDJEa6V5w5YtKzVx9JOOFtX6xKRC0nQlMWZWMhmlS8kR8BXqkdeqCn1pM2G2JL4hGQcbGi8fA==",
   "_location": "/@syncfusion/ej2-richtexteditor",
@@ -29,4 +29,4 @@ "_phantomChildren": {},
   ],
-  "_resolved": "http://nexus.syncfusion.com/repository/ej2-release/@syncfusion/ej2-richtexteditor/-/ej2-richtexteditor-17.2.36.tgz",
-  "_shasum": "4bf0b118ced9ee3c3bda68fac8641868ef322a4a",
+  "_resolved": "http://nexus.syncfusion.com/repository/ej2-release/@syncfusion/ej2-richtexteditor/-/ej2-richtexteditor-17.2.39.tgz",
+  "_shasum": "3cba4da371f2a5238ebe615171802a24322d73a4",
   "_spec": "@syncfusion/ej2-richtexteditor@*",
@@ -42,6 +42,6 @@ "_where": "/jenkins/workspace/ation_hotfix_16.4.0.42_Vol4-CJVRBFC7Z7RSISPRJNEMNQSRMCB6XTG67IJD6R2DVNXFIKQEITTQ/packages/included",
   "dependencies": {
-    "@syncfusion/ej2-base": "~17.2.39",
-    "@syncfusion/ej2-navigations": "~17.2.39",
+    "@syncfusion/ej2-base": "~17.2.40",
+    "@syncfusion/ej2-navigations": "~17.2.41",
     "@syncfusion/ej2-popups": "~17.2.35",
-    "@syncfusion/ej2-splitbuttons": "~17.2.39"
+    "@syncfusion/ej2-splitbuttons": "~17.2.40"
   },
@@ -71,4 +71,4 @@ "deprecated": false,
   },
-  "version": "17.2.39",
+  "version": "17.2.41",
   "sideEffects": false
 }

src/common/config.js

@@ -72,3 +72,3 @@ /**
     'enter': '13',
-    'tab': '9',
+    'tab': 'tab',
     'delete': '46'
@@ -75,0 +75,0 @@ };

src/common/types.d.ts

@@ -5,1 +5,2 @@ /**
 export declare type EditorMode = 'HTML' | 'Markdown';
+export declare type SaveFormat = 'Base64' | 'Blob';

src/editor-manager/plugin/image.js

@@ -101,3 +101,3 @@ import { createElement, isNullOrUndefined, detach, closest, addClass, removeClass, select, Browser } from '@syncfusion/ej2-base';
                     range: this.parent.nodeSelection.getRange(this.parent.currentDocument),
-                    elements: imgElement
+                    elements: [imgElement]
                 });
@@ -104,0 +104,0 @@ }

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

@@ -65,2 +65,3 @@ /**
             InsertMethods.unwrap(cursorFormat);
+            cursorNodes[0] = InsertMethods.Wrap(cursorNodes[0], this.GetFormatNode(format, value));
         }
@@ -67,0 +68,0 @@ else {

src/editor-manager/plugin/table.js

@@ -54,3 +54,3 @@ import { createElement, closest, detach, Browser } from '@syncfusion/ej2-base';
                 range: this.parent.nodeSelection.getRange(this.parent.currentDocument),
-                elements: this.parent.nodeSelection.getSelectedNodes(this.parent.currentDocument)
+                elements: [table]
             });
@@ -57,0 +57,0 @@ }

src/rich-text-editor/actions/base-quick-toolbar.d.ts

@@ -46,2 +46,3 @@ import { Popup } from '@syncfusion/ej2-popups';
      * @return {void}
+     * @hidden
      */
@@ -48,0 +49,0 @@ destroy(): void;

src/rich-text-editor/actions/base-quick-toolbar.js

@@ -296,2 +296,3 @@ import { detach, getUniqueID, append, closest, selectAll, select, isNullOrUndefined as isNOU } from '@syncfusion/ej2-base';
      * @return {void}
+     * @hidden
      */
@@ -298,0 +299,0 @@ BaseQuickToolbar.prototype.destroy = function () {

src/rich-text-editor/actions/count.d.ts

@@ -32,2 +32,3 @@ import { IRichTextEditor } from '../base/interface';
      * @return {void}
+     * @hidden
      */
@@ -34,0 +35,0 @@ destroy(): void;

src/rich-text-editor/actions/count.js

@@ -86,2 +86,3 @@ import { detach, isNullOrUndefined } from '@syncfusion/ej2-base';
      * @return {void}
+     * @hidden
      */
@@ -88,0 +89,0 @@ Count.prototype.destroy = function () {

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

@@ -27,2 +27,5 @@ export function setAttributes(htmlAttributes, rte, isFrame, initial) {
             }
+            else if (htmlAttr === 'tabindex') {
+                rte.inputElement.setAttribute('tabindex', htmlAttributes[htmlAttr]);
+            }
             else if (htmlAttr === 'placeholder') {
@@ -29,0 +32,0 @@ rte.placeholder = htmlAttributes[htmlAttr];

src/rich-text-editor/actions/html-editor.d.ts

@@ -23,2 +23,3 @@ import { IRichTextEditor } from '../base/interface';
      * @return {void}
+     * @hidden
      */
@@ -25,0 +26,0 @@ destroy(): void;

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

@@ -31,2 +31,3 @@ import * as events from '../base/constant';
      * @return {void}
+     * @hidden
      */
@@ -33,0 +34,0 @@ HtmlEditor.prototype.destroy = function () {

src/rich-text-editor/actions/keyboard.d.ts

@@ -28,2 +28,3 @@ import { INotifyPropertyChanged } from '@syncfusion/ej2-base';
  * ```
+ * @hidden
  */
@@ -30,0 +31,0 @@ export declare class KeyboardEvents extends Base<HTMLElement> implements INotifyPropertyChanged {

src/rich-text-editor/actions/keyboard.js

@@ -85,2 +85,3 @@ var __extends = (this && this.__extends) || (function () {
  * ```
+ * @hidden
  */
@@ -87,0 +88,0 @@ var KeyboardEvents = /** @class */ (function (_super) {

src/rich-text-editor/actions/markdown-editor.d.ts

@@ -20,2 +20,3 @@ import { IRichTextEditor } from '../base/interface';
      * @return {void}
+     * @hidden
      */
@@ -22,0 +23,0 @@ destroy(): void;

src/rich-text-editor/actions/markdown-editor.js

@@ -23,2 +23,3 @@ import * as events from '../base/constant';
      * @return {void}
+     * @hidden
      */
@@ -25,0 +26,0 @@ MarkdownEditor.prototype.destroy = function () {

src/rich-text-editor/actions/markdown-toolbar-status.d.ts

@@ -23,4 +23,7 @@ import { MarkdownSelection } from '../../markdown-parser/plugin/markdown-selection';
 }
+/**
+ * @hidden
+ */
 export interface ITextAreaElement extends HTMLTextAreaElement {
     selectionDirection: string;
 }

src/rich-text-editor/actions/paste-clean-up.d.ts

@@ -1,2 +0,2 @@
-import { IRichTextEditor } from '../base/interface';
+import { IRichTextEditor, ActionCompleteEventArgs } from '../base/interface';
 import { ServiceLocator } from '../services/service-locator';
@@ -25,5 +25,3 @@ /**
      */
-    imageFormatting(imgElement: {
-        [key: string]: Element;
-    }): void;
+    imageFormatting(args: ActionCompleteEventArgs): void;
     private radioRender;
@@ -30,0 +28,0 @@ private selectFormatting;

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

 import * as events from '../base/constant';
 import { RadioButton } from '@syncfusion/ej2-buttons';
-import { isNullOrUndefined as isNOU, isNullOrUndefined, detach } from '@syncfusion/ej2-base';
+import { isNullOrUndefined as isNOU, isNullOrUndefined, detach, extend } from '@syncfusion/ej2-base';
 import { CLS_RTE_PASTE_KEEP_FORMAT, CLS_RTE_PASTE_REMOVE_FORMAT, CLS_RTE_PASTE_PLAIN_FORMAT } from '../base/classes';
@@ -70,3 +70,3 @@ import { CLS_RTE_PASTE_OK, CLS_RTE_PASTE_CANCEL, CLS_RTE_DIALOG_MIN_HEIGHT } from '../base/classes';
                         if (typeof (imageproperties) === 'object') {
-                            _this.parent.formatter.editorManager.execCommand('Images', 'Image', e.args, _this.imageFormatting.bind(_this), 'pasteCleanup', imageproperties, 'pasteCleanupModule');
+                            _this.parent.formatter.editorManager.execCommand('Images', 'Image', e.args, _this.imageFormatting.bind(args), 'pasteCleanup', imageproperties, 'pasteCleanupModule');
                         }
@@ -123,18 +123,17 @@ else {
                 e.args.preventDefault();
-                this.pasteDialog(value);
+                this.pasteDialog(value, args);
             }
             else if (this.parent.pasteCleanupSettings.plainText) {
                 e.args.preventDefault();
-                this.plainFormatting(value);
+                this.plainFormatting(value, args);
             }
             else if (this.parent.pasteCleanupSettings.keepFormat) {
                 e.args.preventDefault();
-                this.formatting(value, false);
+                this.formatting(value, false, args);
             }
             else {
                 e.args.preventDefault();
-                this.formatting(value, true);
+                this.formatting(value, true, args);
             }
         }
-        setTimeout(function () { _this.parent.formatter.onSuccess(_this.parent, args); }, 0);
     };
@@ -145,5 +144,5 @@ /**
      */
-    PasteCleanup.prototype.imageFormatting = function (imgElement) {
+    PasteCleanup.prototype.imageFormatting = function (args) {
         var imageElement = this.parent.createElement('span');
-        imageElement.appendChild(imgElement.elements);
+        imageElement.appendChild(args.elements[0]);
         var imageValue = imageElement.innerHTML;
@@ -155,12 +154,12 @@ this.contentRenderer = this.renderFactory.getRenderer(RenderType.Content);
         if (this.parent.pasteCleanupSettings.prompt) {
-            this.pasteDialog(imageValue);
+            this.pasteDialog(imageValue, args);
         }
         else if (this.parent.pasteCleanupSettings.plainText) {
-            this.plainFormatting(imageValue);
+            this.plainFormatting(imageValue, args);
         }
         else if (this.parent.pasteCleanupSettings.keepFormat) {
-            this.formatting(imageValue, false);
+            this.formatting(imageValue, false, args);
         }
         else {
-            this.formatting(imageValue, true);
+            this.formatting(imageValue, true, args);
         }
@@ -182,16 +181,16 @@ };
     };
-    PasteCleanup.prototype.selectFormatting = function (value) {
+    PasteCleanup.prototype.selectFormatting = function (value, args) {
         var keepFormatElement = this.parent.element.querySelector('#keepFormating');
         var cleanFormatElement = this.parent.element.querySelector('#cleanFormat');
         if (keepFormatElement.checked) {
-            this.formatting(value, false);
+            this.formatting(value, false, args);
         }
         else if (cleanFormatElement.checked) {
-            this.formatting(value, true);
+            this.formatting(value, true, args);
         }
         else {
-            this.plainFormatting(value);
+            this.plainFormatting(value, args);
         }
     };
-    PasteCleanup.prototype.pasteDialog = function (value) {
+    PasteCleanup.prototype.pasteDialog = function (value, args) {
         var _this = this;
@@ -203,3 +202,3 @@ var dialogModel = {
                         if (!dialog.isDestroyed) {
-                            _this.selectFormatting(value);
+                            _this.selectFormatting(value, args);
                             dialog.hide();
@@ -265,3 +264,3 @@ _this.dialogRenderObj.close(dialog);
     };
-    PasteCleanup.prototype.formatting = function (value, clean) {
+    PasteCleanup.prototype.formatting = function (value, clean, args) {
         var clipBoardElem = this.parent.createElement('div', { className: 'pasteContent', styles: 'display:inline;' });
@@ -284,5 +283,7 @@ clipBoardElem.innerHTML = value;
         this.parent.notify(events.toolbarRefresh, {});
+        extend(args, { elements: [clipBoardElem] }, true);
+        this.parent.formatter.onSuccess(this.parent, args);
     };
     //Plain Formatting
-    PasteCleanup.prototype.plainFormatting = function (value) {
+    PasteCleanup.prototype.plainFormatting = function (value, args) {
         var clipBoardElem = this.parent.createElement('div');
@@ -296,2 +297,4 @@ clipBoardElem.innerHTML = value;
         this.parent.executeCommand('insertHTML', resultElement);
+        extend(args, { elements: [resultElement] }, true);
+        this.parent.formatter.onSuccess(this.parent, args);
     };
@@ -298,0 +301,0 @@ PasteCleanup.prototype.detachInlineElements = function (element) {

src/rich-text-editor/actions/quick-toolbar.d.ts

@@ -51,2 +51,3 @@ import { RenderType } from '../base/enum';
      * @return {void}
+     * @hidden
      */
@@ -53,0 +54,0 @@ destroy(): void;

src/rich-text-editor/actions/quick-toolbar.js

@@ -211,2 +211,3 @@ import { select, isNullOrUndefined, Browser, addClass, removeClass, EventHandler, closest } from '@syncfusion/ej2-base';
      * @return {void}
+     * @hidden
      */
@@ -213,0 +214,0 @@ QuickToolbar.prototype.destroy = function () {

src/rich-text-editor/actions/toolbar.d.ts

@@ -62,2 +62,3 @@ import { Toolbar as tool } from '@syncfusion/ej2-navigations';
      * @return {void}
+     * @hidden
      */
@@ -64,0 +65,0 @@ destroy(): void;

src/rich-text-editor/actions/toolbar.js

@@ -378,2 +378,3 @@ import { addClass, Browser, EventHandler, detach, removeClass, select, selectAll, KeyboardEvents } from '@syncfusion/ej2-base';
      * @return {void}
+     * @hidden
      */
@@ -480,4 +481,3 @@ Toolbar.prototype.destroy = function () {
         this.refreshToolbarOverflow();
-        this.parent.setContentHeight();
-        this.parent.formatter.undoRedoRefresh(this.parent);
+        this.parent.setContentHeight('', true);
     };
@@ -484,0 +484,0 @@ /**

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

@@ -46,3 +46,3 @@ import { Component, Observer, L10n, KeyboardEventArgs } from '@syncfusion/ej2-base';
      *  allowedTypes: ['jpeg', 'jpg', 'png'],
-     * display: 'inline', width: '200px',
+     * display: 'inline', width: '200px', saveFormat: 'Base64',
      * height: '200px', saveUrl:null, path: null, resize: false
@@ -128,2 +128,3 @@ * }
     sanitizeHtml?(value: string): string;
+    enableAutoUrl?: boolean;
 }
@@ -179,2 +180,18 @@ export interface IRenderer {
 }
+export interface IItemCollectionArgs {
+    /** Defines the instance of the current selection */
+    selection?: NodeSelection;
+    /** Defines the HTML elements of currently selected content */
+    selectNode?: Node[];
+    /** Defines the parent HTML elements of current selection */
+    selectParent?: Node[];
+    /** Defines the URL action details for link element */
+    url?: string;
+    /** Defines the title of the link action details */
+    title?: string;
+    /** Defines the target as string for link element */
+    target?: string;
+    /** Defines the element to be inserted */
+    insertElement?: Element;
+}
 export interface ITouchData {
@@ -186,2 +203,5 @@ prevClientX?: number;
 }
+/**
+ * @hidden
+ */
 export interface IColorPickerModel extends ColorPickerModel {
@@ -195,2 +215,5 @@ element?: HTMLElement;
 }
+/**
+ * @hidden
+ */
 export interface IColorPickerEventArgs extends ColorPickerEventArgs {
@@ -201,2 +224,5 @@ item?: IColorPickerModel;
 }
+/**
+ * @hidden
+ */
 export interface IDropDownItem extends ItemModel {
@@ -207,2 +233,5 @@ command?: string;
 }
+/**
+ * @hidden
+ */
 export interface IDropDownClickArgs extends ClickEventArgs {
@@ -298,2 +327,5 @@ item: IDropDownItem;
 }
+/**
+ * @hidden
+ */
 export interface IToolbarItemModel extends ItemModel {
@@ -346,2 +378,5 @@ command?: string;
 }
+/**
+ * @hidden
+ */
 export interface IDropDownItemModel extends DropDownItemModel {
@@ -365,3 +400,6 @@ cssClass?: string;
     event?: MouseEvent | KeyboardEvent;
-    /** Defines the selected range. */
+    /**
+     * Defines the selected range.
+     * @deprecated
+     */
     range?: Range;
@@ -374,3 +412,5 @@ }
     cancel?: boolean;
-    /** Defines the current item. */
+    /** Defines the current item.
+     * @deprecated
+     */
     item?: IToolbarItemModel | IDropDownItemModel;
@@ -381,4 +421,6 @@ /** Defines the current item. */
     name?: string;
-    /** Defines the url action details. */
-    itemCollection?: NotifyArgs;
+    /** Defines the url action details.
+     * @deprecated
+     */
+    itemCollection?: IItemCollectionArgs;
 }
@@ -429,4 +471,9 @@ export interface PrintEventArgs extends ActionBeginEventArgs {
 export interface BeforeQuickToolbarOpenArgs {
+    /** Defines the instance of the current popup element
+     * @deprecated
+     */
     popup: Popup;
+    /** Determine whether the quick toolbar is open */
     cancel: boolean;
+    /** Defines the target element of the quick toolbar */
     targetElement: Element;
@@ -458,3 +505,2 @@ }
     saveData?: Function;
-    undoRedoRefresh?: Function;
     disableToolbarItem?(items: string | string[]): void;
@@ -542,3 +588,5 @@ enableUndo?: Function;
 export interface SanitizeRemoveAttrs {
+    /** Defines the attribute name to sanitize */
     attribute?: string;
+    /** Defines the selector that sanitize the specified attributes within the selector */
     selector?: string;
@@ -545,0 +593,0 @@ }

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

@@ -1,2 +0,2 @@
-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 } 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 } from './interface';import { BeforeQuickToolbarOpenArgs } from './interface';import { IExecutionGroup, executeGroup, CommandName, ResizeArgs } from './interface';import { ILinkCommandsArgs, IImageCommandsArgs, BeforeSanitizeHtmlArgs } from './interface';import { ServiceLocator } from '../services/service-locator';import { RendererFactory } from '../services/renderer-factory';import { RenderType, ToolbarType } 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 } from '../models/models';import { ToolbarSettingsModel, IFrameSettingsModel, ImageSettingsModel, TableSettingsModel } from '../models/models';import { QuickToolbarSettingsModel, InlineModeModel, PasteCleanupSettingsModel } from '../models/models';import { ToolbarSettings, ImageSettings, QuickToolbarSettings, FontFamily, FontSize, Format } 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 { 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 } 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 } from './interface';import { BeforeQuickToolbarOpenArgs } from './interface';import { IExecutionGroup, executeGroup, CommandName, ResizeArgs } from './interface';import { ILinkCommandsArgs, IImageCommandsArgs, BeforeSanitizeHtmlArgs } from './interface';import { ServiceLocator } from '../services/service-locator';import { RendererFactory } from '../services/renderer-factory';import { RenderType, ToolbarType } 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 } from '../models/models';import { ToolbarSettingsModel, IFrameSettingsModel, ImageSettingsModel, TableSettingsModel } from '../models/models';import { QuickToolbarSettingsModel, InlineModeModel, PasteCleanupSettingsModel } from '../models/models';import { ToolbarSettings, ImageSettings, QuickToolbarSettings, FontFamily, FontSize, Format } 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 {ChangeEventArgs} from "./rich-text-editor";
@@ -107,2 +107,3 @@ import {ComponentModel} from '@syncfusion/ej2-base';
      * * width - Sets the default width of the image when it is inserted in the RichTextEditor.
+     * * saveFormat - Specifies the format to store the image in the RichTextEditor (Base64 or Blob).
      * * height - Sets the default height of the image when it is inserted in the RichTextEditor.
@@ -117,2 +118,3 @@ * * saveUrl - Provides URL to map the action result method to save the image.
      *  height: 'auto', 
+     *  saveFormat: 'Blob'
      *  saveUrl: null, 
@@ -167,2 +169,3 @@ *  path: null,
      * @default '100%'
+     * @blazorType string
      */
@@ -212,2 +215,3 @@ width?: string | number;
      * @default "auto"    
+     * @blazorType string
      */
@@ -274,2 +278,9 @@ height?: string | number;
     /**
+     * Enable `enableAutoUrl` to accept the given URL (relative or absolute) without validating the URL for hyperlinks, otherwise
+     * the given URL will automatically convert to absolute path URL by prefixing `https://` for hyperlinks.
+     * @default false
+     */
+    enableAutoUrl?: boolean;
+
+    /**
      * Specifies the maximum number of characters allowed in the RichTextEditor component.
@@ -276,0 +287,0 @@ * @default -1

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

@@ -223,2 +223,3 @@ import { Component, ModuleDeclaration, EmitType } from '@syncfusion/ej2-base';
      * * width - Sets the default width of the image when it is inserted in the RichTextEditor.
+     * * saveFormat - Specifies the format to store the image in the RichTextEditor (Base64 or Blob).
      * * height - Sets the default height of the image when it is inserted in the RichTextEditor.
@@ -233,2 +234,3 @@ * * saveUrl - Provides URL to map the action result method to save the image.
      *  height: 'auto',
+     *  saveFormat: 'Blob'
      *  saveUrl: null,
@@ -279,2 +281,3 @@ *  path: null,
      * @default '100%'
+     * @blazorType string
      */
@@ -319,2 +322,3 @@ width: string | number;
      * @default "auto"
+     * @blazorType string
      */
@@ -374,2 +378,8 @@ height: string | number;
     /**
+     * Enable `enableAutoUrl` to accept the given URL (relative or absolute) without validating the URL for hyperlinks, otherwise
+     * the given URL will automatically convert to absolute path URL by prefixing `https://` for hyperlinks.
+     * @default false
+     */
+    enableAutoUrl: boolean;
+    /**
      * Specifies the maximum number of characters allowed in the RichTextEditor component.
@@ -622,2 +632,3 @@ * @default -1
     protected preRender(): void;
+    private persistData;
     private setContainer;
@@ -760,6 +771,6 @@ getPersistData(): string;
     /**
-     * Applies all the pending property changes and render the component again.
+     * Refresh the view of the editor.
      * @public
      */
-    refresh(): void;
+    refreshUI(): void;
     /**
@@ -795,2 +806,3 @@ * Shows the RichTextEditor component in full-screen mode.
      * @public
+     * @deprecated
      */
@@ -797,0 +809,0 @@ getRange(): Range;

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

@@ -20,2 +20,3 @@ import { IToolsItemConfigs, IRichTextEditor } from '../base/interface';
  * To dispatch the event manually
+ * @hidden
  */
@@ -22,0 +23,0 @@ export declare function dispatchEvent(element: Element | HTMLDocument, type: string): void;

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

@@ -224,2 +224,3 @@ /**
  * To dispatch the event manually
+ * @hidden
  */
@@ -226,0 +227,0 @@ export function dispatchEvent(element, type) {

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

 import { ActionBeginEventArgs } from './../base/interface';
-import { IRichTextEditor, IEditorModel, NotifyArgs } from './../base/interface';
+import { IRichTextEditor, IEditorModel, IItemCollectionArgs } from './../base/interface';
 import { IHtmlFormatterCallBack, IMarkdownFormatterCallBack, IUndoCallBack } from './../../common/interface';
@@ -17,5 +17,5 @@ import { MarkdownUndoRedoData } from '../../markdown-parser/base/interface';
      * @param  {MouseEvent|KeyboardEvent} event
-     * @param  {NotifyArgs} value
+     * @param  {IItemCollectionArgs} value
      */
-    process(self: IRichTextEditor, args: ActionBeginEventArgs, event: MouseEvent | KeyboardEvent, value: NotifyArgs): void;
+    process(self: IRichTextEditor, args: ActionBeginEventArgs, event: MouseEvent | KeyboardEvent, value: IItemCollectionArgs): void;
     private getAncestorNode;
@@ -33,3 +33,2 @@ onKeyHandler(self: IRichTextEditor, e: KeyboardEvent): void;
     enableUndo(self: IRichTextEditor): void;
-    undoRedoRefresh(iRichTextEditor: IRichTextEditor): void;
 }

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

@@ -17,3 +17,3 @@ import { extend, isNullOrUndefined, Browser } from '@syncfusion/ej2-base';
      * @param  {MouseEvent|KeyboardEvent} event
-     * @param  {NotifyArgs} value
+     * @param  {IItemCollectionArgs} value
      */
@@ -24,2 +24,6 @@ Formatter.prototype.process = function (self, args, event, value) {
         var range = (selection.rangeCount > 0) ? selection.getRangeAt(selection.rangeCount - 1) : null;
+        var saveSelection;
+        if (self.editorMode === 'HTML') {
+            saveSelection = this.editorManager.nodeSelection.save(range, self.contentModule.getDocument());
+        }
         if (!isNullOrUndefined(args)
@@ -83,2 +87,5 @@ && args.item.command
                     self.contentModule.getEditPanel().focus();
+                    if (self.editorMode === 'HTML') {
+                        saveSelection.restore();
+                    }
                     var command = actionBeginArgs.item.subCommand.toLocaleLowerCase();
@@ -157,11 +164,4 @@ if (command === 'paste' || command === 'cut' || command === 'copy') {
     };
-    Formatter.prototype.undoRedoRefresh = function (iRichTextEditor) {
-        if (this.editorManager.undoRedoManager.undoRedoStack.length) {
-            this.editorManager.undoRedoManager.undoRedoStack = [];
-            this.editorManager.undoRedoManager.steps = 0;
-            iRichTextEditor.disableToolbarItem(['Undo', 'Redo']);
-        }
-    };
     return Formatter;
 }());
 export { Formatter };

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

@@ -1,2 +0,2 @@
-import { Property, ChildProperty } from '@syncfusion/ej2-base';import { ToolbarType, ActionOnScroll, ToolbarItems } from '../base/enum';import { IToolbarItems, IDropDownItemModel, ColorModeType, IToolsItemConfigs } from '../base/interface';import { TableStyleItems } from '../models/items';
+import { Property, ChildProperty } from '@syncfusion/ej2-base';import { ToolbarType, ActionOnScroll, ToolbarItems } from '../base/enum';import { IToolbarItems, IDropDownItemModel, ColorModeType, IToolsItemConfigs } from '../base/interface';import { TableStyleItems } from '../models/items';import { SaveFormat } from '../../common';
 
@@ -50,3 +50,3 @@ /**
     /**
-     * Specifies whether to allowType based file select
+     * Specifies whether to allowType based file select.
      * @default ['.jpeg', '.jpg', '.png']
@@ -57,3 +57,3 @@ */
     /**
-     * Specifies whether insert image inline or break
+     * Specifies whether insert image inline or break.
      * @default 'inline'
@@ -64,3 +64,9 @@ */
     /**
-     * Specifies whether image width
+     * Specifies whether the inserted image is saved as blob or base64.
+     * @default 'Blob'
+     */
+    saveFormat?: SaveFormat;
+
+    /**
+     * Specifies whether image width.
      * @default 'auto'
@@ -71,3 +77,3 @@ */
     /**
-     * Specifies whether image height
+     * Specifies whether image height.
      * @default 'auto'
@@ -74,0 +80,0 @@ */

src/rich-text-editor/models/toolbar-settings.d.ts

 import { ChildProperty } from '@syncfusion/ej2-base';
 import { ToolbarType, ActionOnScroll, ToolbarItems } from '../base/enum';
 import { IToolbarItems, IDropDownItemModel, ColorModeType, IToolsItemConfigs } from '../base/interface';
+import { SaveFormat } from '../../common';
 export declare const predefinedItems: string[];
@@ -55,3 +56,3 @@ export declare const fontFamily: IDropDownItemModel[];
     /**
-     * Specifies whether to allowType based file select
+     * Specifies whether to allowType based file select.
      * @default ['.jpeg', '.jpg', '.png']
@@ -61,3 +62,3 @@ */
     /**
-     * Specifies whether insert image inline or break
+     * Specifies whether insert image inline or break.
      * @default 'inline'
@@ -67,3 +68,8 @@ */
     /**
-     * Specifies whether image width
+     * Specifies whether the inserted image is saved as blob or base64.
+     * @default 'Blob'
+     */
+    saveFormat: SaveFormat;
+    /**
+     * Specifies whether image width.
      * @default 'auto'
@@ -73,3 +79,3 @@ */
     /**
-     * Specifies whether image height
+     * Specifies whether image height.
      * @default 'auto'
@@ -76,0 +82,0 @@ */

src/rich-text-editor/models/toolbar-settings.js

@@ -113,2 +113,5 @@ var __extends = (this && this.__extends) || (function () {
     __decorate([
+        Property('Blob')
+    ], ImageSettings.prototype, "saveFormat", void 0);
+    __decorate([
         Property('auto')
@@ -115,0 +118,0 @@ ], ImageSettings.prototype, "width", void 0);

src/rich-text-editor/renderer/image-module.d.ts

@@ -90,2 +90,3 @@ import { IRichTextEditor } from '../base/interface';
      * @return {void}
+     * @hidden
      */
@@ -92,0 +93,0 @@ destroy(): void;

src/rich-text-editor/renderer/link-module.d.ts

@@ -40,2 +40,3 @@ import { IRichTextEditor, IRenderer } from './../base/interface';
      * @return {void}
+     * @hidden
      */
@@ -42,0 +43,0 @@ destroy(): void;

src/rich-text-editor/renderer/link-module.js

@@ -296,3 +296,8 @@ import { EventHandler, detach, isNullOrUndefined, select } from '@syncfusion/ej2-base';
             linkText = (linkText === '') ? linkUrl : linkText;
-            linkUrl = linkUrl.indexOf('http') > -1 ? linkUrl : 'http://' + linkUrl;
+            if (!this.selfLink.parent.enableAutoUrl) {
+                linkUrl = linkUrl.indexOf('http') > -1 ? linkUrl : 'http://' + linkUrl;
+            }
+            else {
+                linkUrl = linkUrl;
+            }
         }
@@ -382,3 +387,3 @@ else {
             var inputDetails = {
-                url: selectParentEle.href, text: selectParentEle.innerText,
+                url: selectParentEle.getAttribute('href'), text: selectParentEle.innerText,
                 title: selectParentEle.title, target: selectParentEle.target,
@@ -416,2 +421,3 @@ header: this.i10n.getConstant('editLink'), btnText: linkUpdate
      * @return {void}
+     * @hidden
      */
@@ -418,0 +424,0 @@ Link.prototype.destroy = function () {

src/rich-text-editor/renderer/table-module.d.ts

@@ -88,2 +88,3 @@ import { IRichTextEditor } from '../base/interface';
      * @return {void}
+     * @hidden
      */
@@ -90,0 +91,0 @@ destroy(): void;

src/rich-text-editor/renderer/table-module.js

@@ -1055,2 +1055,3 @@ import { detach, closest, Browser, isNullOrUndefined as isNOU } from '@syncfusion/ej2-base';
      * @return {void}
+     * @hidden
      */
@@ -1057,0 +1058,0 @@ Table.prototype.destroy = function () {

src/rich-text-editor/renderer/view-source.js

@@ -134,3 +134,3 @@ import { removeClass, selectAll, isNullOrUndefined, EventHandler } from '@syncfusion/ej2-base';
         this.parent.updateValue();
-        if (!isNullOrUndefined(this.parent.placeholder)) {
+        if (!isNullOrUndefined(this.parent.placeholder) && !this.parent.iframeSettings.enable) {
             var placeHolderWrapper = this.parent.element.querySelector('.rte-placeholder');
@@ -137,0 +137,0 @@ placeHolderWrapper.style.display = 'none';

New alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Fixed alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Improved metrics

Total package byte prevSize

11338020

increased by0.39%

Lines of code

99488

increased by0.36%

Dependency changes

• Updated@syncfusion/ej2-base@~17.2.40

• Updated@syncfusion/ej2-navigations@~17.2.41

• Updated@syncfusion/ej2-splitbuttons@~17.2.40