@syncfusion/ej2-richtexteditor 21.2.9 → 22.1.34

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

@@ -1,4 +1,4 @@
-import { Property, ChildProperty, Complex } from '@syncfusion/ej2-base';import { AjaxSettings, AjaxSettingsModel, ContextMenuSettings, ContextMenuSettingsModel } from '@syncfusion/ej2-filemanager';import { DetailsViewSettings, DetailsViewSettingsModel, NavigationPaneSettings } from '@syncfusion/ej2-filemanager';import { NavigationPaneSettingsModel, SearchSettings, SearchSettingsModel, SortOrder } from '@syncfusion/ej2-filemanager';import { ToolbarSettingsModel as FileToolbarSettingsModel, ToolbarSettings as FileToolbarSettings } from '@syncfusion/ej2-filemanager';import { UploadSettings, UploadSettingsModel, ViewType } from '@syncfusion/ej2-filemanager';import { SaveFormat, DisplayLayoutOptions } from '../../common';import { ToolbarType, ActionOnScroll, ToolbarItems, FormatPainterContext } from '../base/enum';import { IToolbarItems, IDropDownItemModel, ColorModeType, IToolsItemConfigs, IListDropDownModel } from '../base/interface';import { backgroundColor, fontColor, fontFamily, fontSize,  formatItems, predefinedItems, TableStyleItems, numberFormatList, bulletFormatList  } from './items';
+import { Property, ChildProperty, Complex, Event, EmitType } from '@syncfusion/ej2-base';import { AjaxSettings, AjaxSettingsModel, ContextMenuSettings, ContextMenuSettingsModel, BeforeSendEventArgs } from '@syncfusion/ej2-filemanager';import { DetailsViewSettings, DetailsViewSettingsModel, NavigationPaneSettings } from '@syncfusion/ej2-filemanager';import { NavigationPaneSettingsModel, SearchSettings, SearchSettingsModel, SortOrder } from '@syncfusion/ej2-filemanager';import { ToolbarSettingsModel as FileToolbarSettingsModel, ToolbarSettings as FileToolbarSettings } from '@syncfusion/ej2-filemanager';import { UploadSettings, UploadSettingsModel, ViewType } from '@syncfusion/ej2-filemanager';import { SaveFormat, DisplayLayoutOptions } from '../../common';import { ToolbarType, ActionOnScroll, ToolbarItems } from '../base/enum';import { IToolbarItems, IDropDownItemModel, ColorModeType, IToolsItemConfigs, IListDropDownModel, EmojiIconsSet } from '../base/interface';import { backgroundColor, fontColor, fontFamily, fontSize, formatItems, predefinedItems, TableStyleItems, numberFormatList, bulletFormatList, defaultEmojiIcons } from './items';
 
 /**
  * Interface for a class ToolbarSettings
@@ -311,6 +311,15 @@ export interface VideoSettingsModel {
  */
 export interface FileManagerSettingsModel {
 
+    /**
+     * Event triggers before sending the AJAX request to the server.
+     * Set the cancel argument to true to cancel the request.
+     *
+     * @event 'beforeSend'
+     */
+
+    beforeSend?: EmitType<BeforeSendEventArgs>;
+
     /**
      * Specifies the AJAX settings of the file manager.
      *
@@ -580,17 +589,10 @@ export interface QuickToolbarSettingsModel {
  */
 export interface FormatPainterSettingsModel {
 
-    /**
-     * Defines the context or contexts in which styles will be copied.
-     *
-     * @default ['Text', 'List', 'Table']
-     */
-    allowedContext?: FormatPainterContext[];
-
     /**
      * Defines the tag name selectors for obtaining the formats from the elements.
      *
-     * @default 'b; em; font; sub; sup; kbd; i; s; u; code; strong; span; p; div; h1; h2; h3; h4; h5; h6; blockquote; table; thead; tbody; tr; td; th; ol; ul; li; pre;'
+     * @default 'b; em; font; sub; sup; kbd; i; s; u; code; strong; span; p; div; h1; h2; h3; h4; h5; h6; blockquote; ol; ul; li; pre;'
      */
     allowedFormats?: string;
 
@@ -603,6 +605,207 @@ export interface FormatPainterSettingsModel {
 
 }
 
+/**
+ * Interface for a class EmojiSettings
+ */
+export interface EmojiSettingsModel {
+
+    /**
+     * Specify an array of items representing emoji icons.
+     *
+     * @default [{
+        name: 'Smilies & People', code: '1F600', iconCss: 'e-emoji', icons: [{ code: '1F600', desc: 'Grinning face' },
+        { code: '1F603', desc: 'Grinning face with big eyes' },
+        { code: '1F604', desc: 'Grinning face with smiling eyes' },
+        { code: '1F606', desc: 'Grinning squinting face' },
+        { code: '1F605', desc: 'Grinning face with sweat' },
+        { code: '1F602', desc: 'Face with tears of joy' },
+        { code: '1F923', desc: 'Rolling on the floor laughing' },
+        { code: '1F60A', desc: 'Smiling face with smiling eyes' },
+        { code: '1F607', desc: 'Smiling face with halo' },
+        { code: '1F642', desc: 'Slightly smiling face' },
+        { code: '1F643', desc: 'Upside-down face' },
+        { code: '1F60D', desc: 'Smiling face with heart-eyes' },
+        { code: '1F618', desc: 'Face blowing a kiss' },
+        { code: '1F61B', desc: 'Face with tongue' },
+        { code: '1F61C', desc: 'Winking face with tongue' },
+        { code: '1F604', desc: 'Grinning face with smiling eyes' },
+        { code: '1F469', desc: 'Woman' },
+        { code: '1F468', desc: 'Man' },
+        { code: '1F467', desc: 'Girl' },
+        { code: '1F466', desc: 'Boy' },
+        { code: '1F476', desc: 'Baby' },
+        { code: '1F475', desc: 'Old woman' },
+        { code: '1F474', desc: 'Old man' },
+        { code: '1F46E', desc: 'Police officer' },
+        { code: '1F477', desc: 'Construction worker' },
+        { code: '1F482', desc: 'Guard' },
+        { code: '1F575', desc: 'Detective' },
+        { code: '1F9D1', desc: 'Cook' }]
+    }, {
+        name: 'Animals & Nature', code: '1F435', iconCss: 'e-animals', icons: [{ code: '1F436', desc: 'Dog face' },
+        { code: '1F431', desc: 'Cat face' },
+        { code: '1F42D', desc: 'Mouse face' },
+        { code: '1F439', desc: 'Hamster face' },
+        { code: '1F430', desc: 'Rabbit face' },
+        { code: '1F98A', desc: 'Fox face' },
+        { code: '1F43B', desc: 'Bear face' },
+        { code: '1F43C', desc: 'Panda face' },
+        { code: '1F428', desc: 'Koala' },
+        { code: '1F42F', desc: 'Tiger face' },
+        { code: '1F981', desc: 'Lion face' },
+        { code: '1F42E', desc: 'Cow face' },
+        { code: '1F437', desc: 'Pig face' },
+        { code: '1F43D', desc: 'Pig nose' },
+        { code: '1F438', desc: 'Frog face' },
+        { code: '1F435', desc: 'Monkey face' },
+        { code: '1F649', desc: 'Hear-no-evil monkey' },
+        { code: '1F64A', desc: 'Speak-no-evil monkey' },
+        { code: '1F412', desc: 'Monkey' },
+        { code: '1F414', desc: 'Chicken' },
+        { code: '1F427', desc: 'Penguin' },
+        { code: '1F426', desc: 'Bird' },
+        { code: '1F424', desc: 'Baby chick' },
+        { code: '1F986', desc: 'Duck' },
+        { code: '1F985', desc: 'Eagle' }]
+    }, {
+        name: 'Food & Drink', code: '1F347', iconCss: 'e-food-and-drinks', icons: [{ code: '1F34E', desc: 'Red apple' },
+        { code: '1F34C', desc: 'Banana' },
+        { code: '1F347', desc: 'Grapes' },
+        { code: '1F353', desc: 'Strawberry' },
+        { code: '1F35E', desc: 'Bread' },
+        { code: '1F950', desc: 'Croissant' },
+        { code: '1F955', desc: 'Carrot' },
+        { code: '1F354', desc: 'Hamburger' },
+        { code: '1F355', desc: 'Pizza' },
+        { code: '1F32D', desc: 'Hot dog' },
+        { code: '1F35F', desc: 'French fries' },
+        { code: '1F37F', desc: 'Popcorn' },
+        { code: '1F366', desc: 'Soft ice cream' },
+        { code: '1F367', desc: 'Shaved ice' },
+        { code: '1F36A', desc: 'Cookie' },
+        { code: '1F382', desc: 'Birthday cake' },
+        { code: '1F370', desc: 'Shortcake' },
+        { code: '1F36B', desc: 'Chocolate bar' },
+        { code: '1F369', desc: 'Donut' },
+        { code: '1F36E', desc: 'Custard' },
+        { code: '1F36D', desc: 'Lollipop' },
+        { code: '1F36C', desc: 'Candy' },
+        { code: '1F377', desc: 'Wine glass' },
+        { code: '1F37A', desc: 'Beer mug' },
+        { code: '1F37E', desc: 'Bottle with popping cork' }]
+    }, {
+        name: 'Activities', code: '1F383', iconCss: 'e-activities', icons: [{ code: '26BD', desc: 'Soccer ball' },
+        { code: '1F3C0', desc: 'Basketball' },
+        { code: '1F3C8', desc: 'American football' },
+        { code: '26BE', desc: 'Baseball' },
+        { code: '1F3BE', desc: 'Tennis' },
+        { code: '1F3D0', desc: 'Volleyball' },
+        { code: '1F3C9', desc: 'Rugby football' },
+        { code: '1F3B1', desc: 'Pool 8 ball' },
+        { code: '1F3D3', desc: 'Ping pong' },
+        { code: '1F3F8', desc: 'Badminton' },
+        { code: '1F94A', desc: 'Boxing glove' },
+        { code: '1F3CA', desc: 'Swimmer' },
+        { code: '1F3CB', desc: 'Weightlifter' },
+        { code: '1F6B4', desc: 'Bicyclist' },
+        { code: '1F6F9', desc: 'Skateboard' },
+        { code: '1F3AE', desc: 'Video game' },
+        { code: '1F579', desc: 'Joystick' },
+        { code: '1F3CF', desc: 'Cricket' },
+        { code: '1F3C7', desc: 'Horse racing' },
+        { code: '1F3AF', desc: 'Direct hit' },
+        { code: '1F3D1', desc: 'Field hockey' },
+        { code: '1F3B0', desc: 'Slot machine' },
+        { code: '1F3B3', desc: 'Bowling' },
+        { code: '1F3B2', desc: 'Game die' },
+        { code: '265F', desc: 'Chess pawn' }]
+    }, {
+        name: 'Travel & Places', code: '1F30D', iconCss: 'e-travel-and-places', icons: [{ code: '2708', desc: 'Airplane' },
+        { code: '1F697', desc: 'Automobile' },
+        { code: '1F695', desc: 'Taxi' },
+        { code: '1F6B2', desc: 'Bicycle' },
+        { code: '1F68C', desc: 'Bus' },
+        { code: '1F682', desc: 'Locomotive' },
+        { code: '1F6F3', desc: 'Passenger ship' },
+        { code: '1F680', desc: 'Rocket' },
+        { code: '1F681', desc: 'Helicopter' },
+        { code: '1F6A2', desc: 'Ship' },
+        { code: '1F3DF', desc: 'Stadium' },
+        { code: '1F54C', desc: 'Mosque' },
+        { code: '26EA', desc: 'Church' },
+        { code: '1F6D5', desc: 'Hindu Temple' },
+        { code: '1F3D4', desc: 'Snow-capped mountain' },
+        { code: '1F3EB', desc: 'School' },
+        { code: '1F30B', desc: 'Volcano' },
+        { code: '1F3D6', desc: 'Beach with umbrella' },
+        { code: '1F3DD', desc: 'Desert island' },
+        { code: '1F3DE', desc: 'National park' },
+        { code: '1F3F0', desc: 'Castle' },
+        { code: '1F5FC', desc: 'Tokyo tower' },
+        { code: '1F5FD', desc: 'Statue of liberty' },
+        { code: '26E9', desc: 'Shinto shrine' },
+        { code: '1F3EF', desc: 'Japanese castle' },
+        { code: '1F3A2', desc: 'Roller coaster' }]
+    }, {
+        name: 'Objects', code: '1F507', iconCss: 'e-objects', icons: [{ code: '1F4A1', desc: 'Light bulb' },
+        { code: '1F526', desc: 'Flashlight' },
+        { code: '1F4BB', desc: 'Laptop computer' },
+        { code: '1F5A5', desc: 'Desktop computer' },
+        { code: '1F5A8', desc: 'Printer' },
+        { code: '1F4F7', desc: 'Camera' },
+        { code: '1F4F8', desc: 'Camera with flash' },
+        { code: '1F4FD', desc: 'Film projector' },
+        { code: '1F3A5', desc: 'Movie camera' },
+        { code: '1F4FA', desc: 'Television' },
+        { code: '1F4FB', desc: 'Radio' },
+        { code: '1F50B', desc: 'Battery' },
+        { code: '231A', desc: 'Watch' },
+        { code: '1F4F1', desc: 'Mobile phone' },
+        { code: '260E', desc: 'Telephone' },
+        { code: '1F4BE', desc: 'Floppy disk' },
+        { code: '1F4BF', desc: 'Optical disk' },
+        { code: '1F4C0', desc: 'Digital versatile disc' },
+        { code: '1F4BD', desc: 'Computer disk' },
+        { code: '1F3A7', desc: 'Headphone' },
+        { code: '1F3A4', desc: 'Microphone' },
+        { code: '1F3B6', desc: 'Multiple musical notes' },
+        { code: '1F4DA', desc: 'Books' }]
+    }, {
+        name: 'Symbols', code: '1F3E7', iconCss: 'e-symbols', icons: [{ code: '274C', desc: 'Cross mark' },
+        { code: '2714', desc: 'Check mark' },
+        { code: '26A0', desc: 'Warning sign' },
+        { code: '1F6AB', desc: 'Prohibited' },
+        { code: '2139', desc: 'Information' },
+        { code: '267B', desc: 'Recycling symbol' },
+        { code: '1F6AD', desc: 'No smoking' },
+        { code: '1F4F5', desc: 'No mobile phones' },
+        { code: '1F6AF', desc: 'No littering' },
+        { code: '1F6B3', desc: 'No bicycles' },
+        { code: '1F6B7', desc: 'No pedestrians' },
+        { code: '2795', desc: 'Plus' },
+        { code: '2796', desc: 'Minus' },
+        { code: '2797', desc: 'Divide' },
+        { code: '2716', desc: 'Multiplication' },
+        { code: '1F4B2', desc: 'Dollar banknote' },
+        { code: '1F4AC', desc: 'Speech balloon' },
+        { code: '2755', desc: 'White exclamation mark' },
+        { code: '2754', desc: 'White question mark' },
+        { code: '2764', desc: 'Red heart' }]
+    }]
+     *
+     */
+    iconsSet?: EmojiIconsSet[];
+
+    /**
+     * Enables or disables the search box in an emoji picker.
+     *
+     * @default true
+     */
+    showSearchBox?: boolean;
+
+}
+
 /**
  * Interface for a class PasteCleanupSettings
  */

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

@@ -1,12 +1,12 @@
-import { ChildProperty } from '@syncfusion/ej2-base';
-import { AjaxSettingsModel, ContextMenuSettingsModel } from '@syncfusion/ej2-filemanager';
+import { ChildProperty, EmitType } from '@syncfusion/ej2-base';
+import { AjaxSettingsModel, ContextMenuSettingsModel, BeforeSendEventArgs } from '@syncfusion/ej2-filemanager';
 import { DetailsViewSettingsModel } from '@syncfusion/ej2-filemanager';
 import { NavigationPaneSettingsModel, SearchSettingsModel, SortOrder } from '@syncfusion/ej2-filemanager';
 import { ToolbarSettingsModel as FileToolbarSettingsModel } from '@syncfusion/ej2-filemanager';
 import { UploadSettingsModel, ViewType } from '@syncfusion/ej2-filemanager';
 import { SaveFormat, DisplayLayoutOptions } from '../../common';
-import { ToolbarType, ActionOnScroll, ToolbarItems, FormatPainterContext } from '../base/enum';
-import { IToolbarItems, IDropDownItemModel, ColorModeType, IToolsItemConfigs, IListDropDownModel } from '../base/interface';
+import { ToolbarType, ActionOnScroll, ToolbarItems } from '../base/enum';
+import { IToolbarItems, IDropDownItemModel, ColorModeType, IToolsItemConfigs, IListDropDownModel, EmojiIconsSet } from '../base/interface';
 /**
  * Configures the toolbar settings of the RichTextEditor.
  */
@@ -272,6 +272,13 @@ export declare class VideoSettings extends ChildProperty<VideoSettings> {
  * Configures the file manager settings of the RichTextEditor.
  */
 export declare class FileManagerSettings extends ChildProperty<FileManagerSettings> {
+    /**
+     * Event triggers before sending the AJAX request to the server.
+     * Set the cancel argument to true to cancel the request.
+     *
+     * @event 'beforeSend'
+     */
+    beforeSend: EmitType<BeforeSendEventArgs>;
     /**
      * Specifies the AJAX settings of the file manager.
      *
@@ -501,16 +508,10 @@ export declare class QuickToolbarSettings extends ChildProperty<QuickToolbarSett
  * Configure the format painter settings of the Rich Text Editor.
  */
 export declare class FormatPainterSettings extends ChildProperty<FormatPainterSettings> {
-    /**
-     * Defines the context or contexts in which styles will be copied.
-     *
-     * @default ['Text', 'List', 'Table']
-     */
-    allowedContext: FormatPainterContext[];
     /**
      * Defines the tag name selectors for obtaining the formats from the elements.
      *
-     * @default 'b; em; font; sub; sup; kbd; i; s; u; code; strong; span; p; div; h1; h2; h3; h4; h5; h6; blockquote; table; thead; tbody; tr; td; th; ol; ul; li; pre;'
+     * @default 'b; em; font; sub; sup; kbd; i; s; u; code; strong; span; p; div; h1; h2; h3; h4; h5; h6; blockquote; ol; ul; li; pre;'
      */
     allowedFormats: string;
     /**
@@ -520,6 +521,203 @@ export declare class FormatPainterSettings extends ChildProperty<FormatPainterSe
      */
     deniedFormats: string;
 }
+/**
+ * Specifies the emoji picker options in Rich Text Editor with the following properties.
+ */
+export declare class EmojiSettings extends ChildProperty<EmojiSettings> {
+    /**
+     * Specify an array of items representing emoji icons.
+     *
+     * @default [{
+        name: 'Smilies & People', code: '1F600', iconCss: 'e-emoji', icons: [{ code: '1F600', desc: 'Grinning face' },
+        { code: '1F603', desc: 'Grinning face with big eyes' },
+        { code: '1F604', desc: 'Grinning face with smiling eyes' },
+        { code: '1F606', desc: 'Grinning squinting face' },
+        { code: '1F605', desc: 'Grinning face with sweat' },
+        { code: '1F602', desc: 'Face with tears of joy' },
+        { code: '1F923', desc: 'Rolling on the floor laughing' },
+        { code: '1F60A', desc: 'Smiling face with smiling eyes' },
+        { code: '1F607', desc: 'Smiling face with halo' },
+        { code: '1F642', desc: 'Slightly smiling face' },
+        { code: '1F643', desc: 'Upside-down face' },
+        { code: '1F60D', desc: 'Smiling face with heart-eyes' },
+        { code: '1F618', desc: 'Face blowing a kiss' },
+        { code: '1F61B', desc: 'Face with tongue' },
+        { code: '1F61C', desc: 'Winking face with tongue' },
+        { code: '1F604', desc: 'Grinning face with smiling eyes' },
+        { code: '1F469', desc: 'Woman' },
+        { code: '1F468', desc: 'Man' },
+        { code: '1F467', desc: 'Girl' },
+        { code: '1F466', desc: 'Boy' },
+        { code: '1F476', desc: 'Baby' },
+        { code: '1F475', desc: 'Old woman' },
+        { code: '1F474', desc: 'Old man' },
+        { code: '1F46E', desc: 'Police officer' },
+        { code: '1F477', desc: 'Construction worker' },
+        { code: '1F482', desc: 'Guard' },
+        { code: '1F575', desc: 'Detective' },
+        { code: '1F9D1', desc: 'Cook' }]
+    }, {
+        name: 'Animals & Nature', code: '1F435', iconCss: 'e-animals', icons: [{ code: '1F436', desc: 'Dog face' },
+        { code: '1F431', desc: 'Cat face' },
+        { code: '1F42D', desc: 'Mouse face' },
+        { code: '1F439', desc: 'Hamster face' },
+        { code: '1F430', desc: 'Rabbit face' },
+        { code: '1F98A', desc: 'Fox face' },
+        { code: '1F43B', desc: 'Bear face' },
+        { code: '1F43C', desc: 'Panda face' },
+        { code: '1F428', desc: 'Koala' },
+        { code: '1F42F', desc: 'Tiger face' },
+        { code: '1F981', desc: 'Lion face' },
+        { code: '1F42E', desc: 'Cow face' },
+        { code: '1F437', desc: 'Pig face' },
+        { code: '1F43D', desc: 'Pig nose' },
+        { code: '1F438', desc: 'Frog face' },
+        { code: '1F435', desc: 'Monkey face' },
+        { code: '1F649', desc: 'Hear-no-evil monkey' },
+        { code: '1F64A', desc: 'Speak-no-evil monkey' },
+        { code: '1F412', desc: 'Monkey' },
+        { code: '1F414', desc: 'Chicken' },
+        { code: '1F427', desc: 'Penguin' },
+        { code: '1F426', desc: 'Bird' },
+        { code: '1F424', desc: 'Baby chick' },
+        { code: '1F986', desc: 'Duck' },
+        { code: '1F985', desc: 'Eagle' }]
+    }, {
+        name: 'Food & Drink', code: '1F347', iconCss: 'e-food-and-drinks', icons: [{ code: '1F34E', desc: 'Red apple' },
+        { code: '1F34C', desc: 'Banana' },
+        { code: '1F347', desc: 'Grapes' },
+        { code: '1F353', desc: 'Strawberry' },
+        { code: '1F35E', desc: 'Bread' },
+        { code: '1F950', desc: 'Croissant' },
+        { code: '1F955', desc: 'Carrot' },
+        { code: '1F354', desc: 'Hamburger' },
+        { code: '1F355', desc: 'Pizza' },
+        { code: '1F32D', desc: 'Hot dog' },
+        { code: '1F35F', desc: 'French fries' },
+        { code: '1F37F', desc: 'Popcorn' },
+        { code: '1F366', desc: 'Soft ice cream' },
+        { code: '1F367', desc: 'Shaved ice' },
+        { code: '1F36A', desc: 'Cookie' },
+        { code: '1F382', desc: 'Birthday cake' },
+        { code: '1F370', desc: 'Shortcake' },
+        { code: '1F36B', desc: 'Chocolate bar' },
+        { code: '1F369', desc: 'Donut' },
+        { code: '1F36E', desc: 'Custard' },
+        { code: '1F36D', desc: 'Lollipop' },
+        { code: '1F36C', desc: 'Candy' },
+        { code: '1F377', desc: 'Wine glass' },
+        { code: '1F37A', desc: 'Beer mug' },
+        { code: '1F37E', desc: 'Bottle with popping cork' }]
+    }, {
+        name: 'Activities', code: '1F383', iconCss: 'e-activities', icons: [{ code: '26BD', desc: 'Soccer ball' },
+        { code: '1F3C0', desc: 'Basketball' },
+        { code: '1F3C8', desc: 'American football' },
+        { code: '26BE', desc: 'Baseball' },
+        { code: '1F3BE', desc: 'Tennis' },
+        { code: '1F3D0', desc: 'Volleyball' },
+        { code: '1F3C9', desc: 'Rugby football' },
+        { code: '1F3B1', desc: 'Pool 8 ball' },
+        { code: '1F3D3', desc: 'Ping pong' },
+        { code: '1F3F8', desc: 'Badminton' },
+        { code: '1F94A', desc: 'Boxing glove' },
+        { code: '1F3CA', desc: 'Swimmer' },
+        { code: '1F3CB', desc: 'Weightlifter' },
+        { code: '1F6B4', desc: 'Bicyclist' },
+        { code: '1F6F9', desc: 'Skateboard' },
+        { code: '1F3AE', desc: 'Video game' },
+        { code: '1F579', desc: 'Joystick' },
+        { code: '1F3CF', desc: 'Cricket' },
+        { code: '1F3C7', desc: 'Horse racing' },
+        { code: '1F3AF', desc: 'Direct hit' },
+        { code: '1F3D1', desc: 'Field hockey' },
+        { code: '1F3B0', desc: 'Slot machine' },
+        { code: '1F3B3', desc: 'Bowling' },
+        { code: '1F3B2', desc: 'Game die' },
+        { code: '265F', desc: 'Chess pawn' }]
+    }, {
+        name: 'Travel & Places', code: '1F30D', iconCss: 'e-travel-and-places', icons: [{ code: '2708', desc: 'Airplane' },
+        { code: '1F697', desc: 'Automobile' },
+        { code: '1F695', desc: 'Taxi' },
+        { code: '1F6B2', desc: 'Bicycle' },
+        { code: '1F68C', desc: 'Bus' },
+        { code: '1F682', desc: 'Locomotive' },
+        { code: '1F6F3', desc: 'Passenger ship' },
+        { code: '1F680', desc: 'Rocket' },
+        { code: '1F681', desc: 'Helicopter' },
+        { code: '1F6A2', desc: 'Ship' },
+        { code: '1F3DF', desc: 'Stadium' },
+        { code: '1F54C', desc: 'Mosque' },
+        { code: '26EA', desc: 'Church' },
+        { code: '1F6D5', desc: 'Hindu Temple' },
+        { code: '1F3D4', desc: 'Snow-capped mountain' },
+        { code: '1F3EB', desc: 'School' },
+        { code: '1F30B', desc: 'Volcano' },
+        { code: '1F3D6', desc: 'Beach with umbrella' },
+        { code: '1F3DD', desc: 'Desert island' },
+        { code: '1F3DE', desc: 'National park' },
+        { code: '1F3F0', desc: 'Castle' },
+        { code: '1F5FC', desc: 'Tokyo tower' },
+        { code: '1F5FD', desc: 'Statue of liberty' },
+        { code: '26E9', desc: 'Shinto shrine' },
+        { code: '1F3EF', desc: 'Japanese castle' },
+        { code: '1F3A2', desc: 'Roller coaster' }]
+    }, {
+        name: 'Objects', code: '1F507', iconCss: 'e-objects', icons: [{ code: '1F4A1', desc: 'Light bulb' },
+        { code: '1F526', desc: 'Flashlight' },
+        { code: '1F4BB', desc: 'Laptop computer' },
+        { code: '1F5A5', desc: 'Desktop computer' },
+        { code: '1F5A8', desc: 'Printer' },
+        { code: '1F4F7', desc: 'Camera' },
+        { code: '1F4F8', desc: 'Camera with flash' },
+        { code: '1F4FD', desc: 'Film projector' },
+        { code: '1F3A5', desc: 'Movie camera' },
+        { code: '1F4FA', desc: 'Television' },
+        { code: '1F4FB', desc: 'Radio' },
+        { code: '1F50B', desc: 'Battery' },
+        { code: '231A', desc: 'Watch' },
+        { code: '1F4F1', desc: 'Mobile phone' },
+        { code: '260E', desc: 'Telephone' },
+        { code: '1F4BE', desc: 'Floppy disk' },
+        { code: '1F4BF', desc: 'Optical disk' },
+        { code: '1F4C0', desc: 'Digital versatile disc' },
+        { code: '1F4BD', desc: 'Computer disk' },
+        { code: '1F3A7', desc: 'Headphone' },
+        { code: '1F3A4', desc: 'Microphone' },
+        { code: '1F3B6', desc: 'Multiple musical notes' },
+        { code: '1F4DA', desc: 'Books' }]
+    }, {
+        name: 'Symbols', code: '1F3E7', iconCss: 'e-symbols', icons: [{ code: '274C', desc: 'Cross mark' },
+        { code: '2714', desc: 'Check mark' },
+        { code: '26A0', desc: 'Warning sign' },
+        { code: '1F6AB', desc: 'Prohibited' },
+        { code: '2139', desc: 'Information' },
+        { code: '267B', desc: 'Recycling symbol' },
+        { code: '1F6AD', desc: 'No smoking' },
+        { code: '1F4F5', desc: 'No mobile phones' },
+        { code: '1F6AF', desc: 'No littering' },
+        { code: '1F6B3', desc: 'No bicycles' },
+        { code: '1F6B7', desc: 'No pedestrians' },
+        { code: '2795', desc: 'Plus' },
+        { code: '2796', desc: 'Minus' },
+        { code: '2797', desc: 'Divide' },
+        { code: '2716', desc: 'Multiplication' },
+        { code: '1F4B2', desc: 'Dollar banknote' },
+        { code: '1F4AC', desc: 'Speech balloon' },
+        { code: '2755', desc: 'White exclamation mark' },
+        { code: '2754', desc: 'White question mark' },
+        { code: '2764', desc: 'Red heart' }]
+    }]
+     *
+     */
+    iconsSet: EmojiIconsSet[];
+    /**
+     * Enables or disables the search box in an emoji picker.
+     *
+     * @default true
+     */
+    showSearchBox: boolean;
+}
 /**
  * Configures the Paste Cleanup settings of the RichTextEditor.
  */

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

@@ -17,14 +17,14 @@ var __decorate = (this && this.__decorate) || function (decorators, target, key,
     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';
+import { Property, ChildProperty, Complex, Event } from '@syncfusion/ej2-base';
 import { AjaxSettings, ContextMenuSettings } from '@syncfusion/ej2-filemanager';
 import { DetailsViewSettings, NavigationPaneSettings } from '@syncfusion/ej2-filemanager';
 import { SearchSettings } from '@syncfusion/ej2-filemanager';
 import { ToolbarSettings as FileToolbarSettings } from '@syncfusion/ej2-filemanager';
 import { UploadSettings } from '@syncfusion/ej2-filemanager';
 import { ToolbarType } from '../base/enum';
-import { backgroundColor, fontColor, fontFamily, fontSize, formatItems, predefinedItems, TableStyleItems, numberFormatList, bulletFormatList } from './items';
+import { backgroundColor, fontColor, fontFamily, fontSize, formatItems, predefinedItems, TableStyleItems, numberFormatList, bulletFormatList, defaultEmojiIcons } from './items';
 /**
  * Configures the toolbar settings of the RichTextEditor.
  */
@@ -194,6 +194,9 @@ var FileManagerSettings = /** @class */ (function (_super) {
     function FileManagerSettings() {
         return _super !== null && _super.apply(this, arguments) || this;
     }
+    __decorate([
+        Event()
+    ], FileManagerSettings.prototype, "beforeSend", void 0);
     __decorate([
         Complex({ getImageUrl: null, url: null, uploadUrl: null }, AjaxSettings)
     ], FileManagerSettings.prototype, "ajaxSettings", void 0);
@@ -318,10 +321,7 @@ var FormatPainterSettings = /** @class */ (function (_super) {
         return _super !== null && _super.apply(this, arguments) || this;
     }
     __decorate([
-        Property(['Text', 'List', 'Table'])
-    ], FormatPainterSettings.prototype, "allowedContext", void 0);
-    __decorate([
-        Property('b; em; font; sub; sup; kbd; i; s; u; code; strong; span; p; div; h1; h2; h3; h4; h5; h6; blockquote; table; thead; tbody; tr; td; th; ol; ul; li; pre;')
+        Property('b; em; font; sub; sup; kbd; i; s; u; code; strong; span; p; div; h1; h2; h3; h4; h5; h6; blockquote; ol; ul; li; pre;')
     ], FormatPainterSettings.prototype, "allowedFormats", void 0);
     __decorate([
         Property(null)
@@ -329,6 +329,23 @@ var FormatPainterSettings = /** @class */ (function (_super) {
     return FormatPainterSettings;
 }(ChildProperty));
 export { FormatPainterSettings };
+/**
+ * Specifies the emoji picker options in Rich Text Editor with the following properties.
+ */
+var EmojiSettings = /** @class */ (function (_super) {
+    __extends(EmojiSettings, _super);
+    function EmojiSettings() {
+        return _super !== null && _super.apply(this, arguments) || this;
+    }
+    __decorate([
+        Property(defaultEmojiIcons)
+    ], EmojiSettings.prototype, "iconsSet", void 0);
+    __decorate([
+        Property(true)
+    ], EmojiSettings.prototype, "showSearchBox", void 0);
+    return EmojiSettings;
+}(ChildProperty));
+export { EmojiSettings };
 /**
  * Configures the Paste Cleanup settings of the RichTextEditor.
  */

package/src/rich-text-editor/renderer/audio-module.js

@@ -5,7 +5,7 @@ import * as classes from '../base/classes';
 import { Uploader } from '@syncfusion/ej2-inputs';
 import { Button } from '@syncfusion/ej2-buttons';
 import { RenderType } from '../base/enum';
-import { dispatchEvent, parseHtml, hasClass, convertToBlob } from '../base/util';
+import { dispatchEvent, hasClass, convertToBlob } from '../base/util';
 import { isIDevice } from '../../common/util';
 /**
  * `Audio` module is used to handle audio actions.
@@ -93,8 +93,8 @@ var Audio = /** @class */ (function () {
         if (args.subCommand.toLowerCase() === 'undo' || args.subCommand.toLowerCase() === 'redo') {
             for (var i = 0; i < this.parent.formatter.getUndoRedoStack().length; i++) {
                 var temp = this.parent.createElement('div');
-                var contentElem = parseHtml(this.parent.formatter.getUndoRedoStack()[i].text);
-                temp.appendChild(contentElem);
+                var contentElem = this.parent.formatter.getUndoRedoStack()[i].text;
+                temp.appendChild(contentElem.cloneNode(true));
             }
         }
     };

package/src/rich-text-editor/renderer/iframe-content-renderer.js

@@ -14,7 +14,7 @@ var __extends = (this && this.__extends) || (function () {
 import { ContentRender } from '../renderer/content-renderer';
 import { isNullOrUndefined } from '@syncfusion/ej2-base';
 import { getEditValue } from '../base/util';
-var IFRAMEHEADER = "\n<!DOCTYPE html> \n    <html>\n         <head>\n            <meta charset='utf-8' /> \n            <style>\n                @charset \"UTF-8\";\n                body {\n                    font-family: \"Roboto\", sans-serif;\n                    font-size: 14px;\n                }\n                html, body{height: 100%;margin: 0;}\n                body.e-cursor{cursor:default}\n                span.e-selected-node\t{background-color: #939393;color: white;}\n                span.e-selected-node.e-highlight {background-color: #1d9dd8;}\n                body{color:#333;word-wrap:break-word;padding: 8px;box-sizing: border-box;}\n                .e-rte-image, .e-rte-audio, .e-rte-video  {border: 0;cursor: pointer;display:\n                    block;float: none;height: auto;margin: 5px auto;max-width: 100%;position: relative;}\n                .e-rte-image.e-imginline, .e-rte-audio.e-audio-inline, .e-rte-video.e-video-inline {display: inline-block;float: none;max-width: calc(100% - (2 * 5px));padding: 1px;vertical-align: bottom;}\n                .e-rte-image.e-imgcenter, .e-rte-video.e-video-center {cursor: pointer;display: block;float: none;margin: 5px auto;max-width: 100%;position: relative;}\n                .e-rte-image.e-imgright, .e-rte-video.e-video-right { float: right; margin: 0 auto;margin-left: 5px;text-align: right;}\n                .e-rte-image.e-imgleft, .e-rte-video.e-video-left {float: left;margin: 0 auto;margin-right: 5px;text-align: left;}\n                .e-img-caption { display: inline-block; float: none; margin: 5px auto; max-width: 100%;position: relative;}\n                .e-img-caption.e-caption-inline {display: inline-block;float: none;\n                    margin: 5px auto;margin-left: 5px;margin-right: 5px;max-width: calc(100% - (2 * 5px));\n                    position: relativetext-align: center;vertical-align: bottom;}\n                .e-img-inner {box-sizing: border-box;display: block;font-size: 16px;font-weight: initial;\n                    margin: auto;opacity: .9;text-align: center;width: 100%;}\n                .e-img-wrap {display: inline-block;margin: auto;padding: 0;text-align: center;width: 100%;}\n                .e-imgleft, .e-video-left {float: left;margin: 0 5px 0 0;text-align: left;}\n                .e-imgright, .e-video-right {float: right;margin: 0 0 0 5px;text-align: right;}\n                .e-imgcenter, .e-video-center {cursor: pointer;display: block;float: none;height: auto;margin: 5px auto;max-width: 100%;position: relative;}\n                .e-control img:not(.e-resize) {border: 2px solid transparent; z-index: 1000}\n                .e-imginline , .e-audio-inline, .e-video-inline {display: inline-block;float: none;margin-left: 5px;margin-right: 5px;\n                    max-width: calc(100% - (2 * 5px));vertical-align: bottom;}\n                .e-imgbreak, .e-audio-break, .e-video-break {border: 0;cursor: pointer;\n                    display: block;float: none;height: auto;margin: 5px auto;max-width: 100%;position: relative;}\n                .e-rte-image.e-img-focus:not(.e-resize), .e-audio-focus:not(.e-resize), .e-video-focus:not(.e-resize) {border: solid 2px #4a90e2;}\n                img.e-img-focus::selection, audio.e-audio-focus::selection, .e-video-focus::selection { background: transparent;color: transparent;}\n                span.e-rte-imageboxmark {  width: 10px; height: 10px; position: absolute; display: block;\n                    background: #4a90e2; border: 1px solid #fff; z-index: 1000;}\n                .e-mob-rte.e-mob-span span.e-rte-imageboxmark { background: #4a90e2; border: 1px solid #fff; }\n                .e-mob-rte span.e-rte-imageboxmark { background: #fff; border: 1px solid #4a90e2;\n                    border-radius: 15px; height: 20px; width: 20px; }\n                .e-mob-rte.e-mob-span span.e-rte-imageboxmark { background: #4a90e2; border: 1px solid #fff; }\n                .e-rte-content .e-content img.e-resize, .e-rte-content .e-content video.e-resize { z-index: 1000; }\n                .e-img-caption .e-img-inner { outline: 0; }\n                .e-img-caption a:focus-visible { outline: none; }\n                .e-img-caption .e-rte-image.e-imgright, .e-img-caption .e-rte-image.e-imgleft { float: none; margin: 0;}\n                body{box-sizing: border-box;min-height: 100px;outline: 0 solid transparent;\n                    overflow-x: auto;padding: 16px;position: relative;text-align: inherit;z-index: 2;}\n                p{margin: 0 0 10px;margin-bottom: 10px;}\n                li{margin-bottom: 10px;}\n                h1{font-size: 2.17em;font-weight: 400;line-height: 1;margin: 10px 0;}\n                h2{font-size: 1.74em;font-weight: 400;margin: 10px 0;}\n                h3{font-size: 1.31em;font-weight: 400;margin: 10px 0;}\n                h4{font-size: 16px;font-weight: 400;line-height: 1.5;margin: 0;}\n                h5{font-size: 00.8em;font-weight: 400;margin: 0;}\n                h6{font-size: 00.65em;font-weight: 400;margin: 0;}\n                blockquote{margin: 10px 0;margin-left: 0;padding-left: 5px;border-left: solid 2px #5c5c5c;}\n                pre{background-color: inherit;border: 0;border-radius: 0;color: #333;\n                    font-size: inherit;line-height: inherit;margin: 0 0 10px;overflow: visible;padding: 0;\n                    white-space: pre-wrap;word-break: inherit;word-wrap: break-word;}\n                strong, b{font-weight: 700;}\n                a{text-decoration: none;user-select: auto;}\n                a:hover{text-decoration: underline;};\n                p:last-child, pre:last-child, blockquote:last-child{margin-bottom: 0;}\n                h3+h4, h4+h5, h5+h6{margin-top: 00.6em;}\n                ul:last-child{margin-bottom: 0;}\n                table { border-collapse: collapse; empty-cells: show;}\n                table td,table th {border: 1px solid #BDBDBD; height: 20px; padding: 2px 5px; vertical-align: middle;}\n                table.e-alternate-border tbody tr:nth-child(2n) {background-color: #F5F5F5;}\n                table th {background-color: #E0E0E0;}\n                table.e-dashed-border td,table.e-dashed-border th { border: 1px dashed #BDBDBD} \n                table .e-cell-select {border: 1px double #4a90e2;}\n                span.e-table-box { cursor: nwse-resize; display: block; height: 10px; position: absolute; width: 10px; }\n                span.e-table-box.e-rmob {height: 14px;width: 14px;}\n                .e-row-resize, .e-column-resize { background-color: transparent; background-repeat: repeat;\n                    bottom: 0;cursor: col-resize;height: 1px;overflow: visible;position: absolute;width: 1px; }\n                .e-row-resize { cursor: row-resize; height: 1px;}\n                .e-table-rhelper { cursor: col-resize; opacity: .87;position: absolute;}\n                .e-table-rhelper.e-column-helper { width: 1px; }\n                .e-table-rhelper.e-row-helper {height: 1px;}\n                .e-reicon::before { border-bottom: 6px solid transparent; border-right: 6px solid;\n                    border-top: 6px solid transparent; content: ''; display: block; height: 0;\n                    position: absolute; right: 4px; top: 4px; width: 20px; }\n                .e-reicon::after { border-bottom: 6px solid transparent; border-left: 6px solid;\n                    border-top: 6px solid transparent; content: ''; display: block;\n                    height: 0; left: 4px; position: absolute; top: 4px; width: 20px; z-index: 3; }\n                .e-row-helper.e-reicon::after { top: 10px; transform: rotate(90deg); }\n                .e-row-helper.e-reicon::before { left: 4px; top: -20px; transform: rotate(90deg); }\n                span.e-table-box { background-color: #ffffff; border: 1px solid #BDBDBD; }\n                span.e-table-box.e-rbox-select { background-color: #BDBDBD; border: 1px solid #BDBDBD; }\n                .e-table-rhelper { background-color: #4a90e2;}\n                .e-rtl { direction: rtl; }\n                .e-rte-placeholder::before { content: attr(placeholder); opacity: 0.54; overflow: hidden;\n                     padding-top: 16px; position: absolute; text-align: start; top: 0; z-index: 1; }\n            </style>\n        </head>";
+var IFRAMEHEADER = "\n<!DOCTYPE html> \n    <html>\n         <head>\n            <meta charset='utf-8' /> \n            <style>\n                @charset \"UTF-8\";\n                body {\n                    font-family: \"Roboto\", sans-serif;\n                    font-size: 14px;\n                }\n                html, body{height: 100%;margin: 0;}\n                body.e-cursor{cursor:default}\n                span.e-selected-node\t{background-color: #939393;color: white;}\n                span.e-selected-node.e-highlight {background-color: #1d9dd8;}\n                body{color:#333;word-wrap:break-word;padding: 8px;box-sizing: border-box;}\n                .e-rte-image, .e-rte-audio, .e-rte-video  {border: 0;cursor: pointer;display:\n                    block;float: none;height: auto;margin: 5px auto;max-width: 100%;position: relative;}\n                .e-rte-image.e-imginline, .e-rte-audio.e-audio-inline, .e-rte-video.e-video-inline {display: inline-block;float: none;max-width: calc(100% - (2 * 5px));padding: 1px;vertical-align: bottom;}\n                .e-rte-image.e-imgcenter, .e-rte-video.e-video-center {cursor: pointer;display: block;float: none;margin: 5px auto;max-width: 100%;position: relative;}\n                .e-rte-image.e-imgright, .e-rte-video.e-video-right { float: right; margin: 0 auto;margin-left: 5px;text-align: right;}\n                .e-rte-image.e-imgleft, .e-rte-video.e-video-left {float: left;margin: 0 auto;margin-right: 5px;text-align: left;}\n                .e-img-caption { display: inline-block; float: none; margin: 5px auto; max-width: 100%;position: relative;}\n                .e-img-caption.e-caption-inline {display: inline-block;float: none;\n                    margin: 5px auto;margin-left: 5px;margin-right: 5px;max-width: calc(100% - (2 * 5px));\n                    position: relativetext-align: center;vertical-align: bottom;}\n                .e-img-inner {box-sizing: border-box;display: block;font-size: 16px;font-weight: initial;\n                    margin: auto;opacity: .9;text-align: center;width: 100%;}\n                .e-img-wrap {display: inline-block;margin: auto;padding: 0;text-align: center;width: 100%;}\n                .e-imgleft, .e-video-left {float: left;margin: 0 5px 0 0;text-align: left;}\n                .e-imgright, .e-video-right {float: right;margin: 0 0 0 5px;text-align: right;}\n                .e-imgcenter, .e-video-center {cursor: pointer;display: block;float: none;height: auto;margin: 5px auto;max-width: 100%;position: relative;}\n                .e-control img:not(.e-resize) {border: 2px solid transparent; z-index: 1000}\n                .e-imginline , .e-audio-inline, .e-video-inline {display: inline-block;float: none;margin-left: 5px;margin-right: 5px;\n                    max-width: calc(100% - (2 * 5px));vertical-align: bottom;}\n                .e-imgbreak, .e-audio-break, .e-video-break {border: 0;cursor: pointer;\n                    display: block;float: none;height: auto;margin: 5px auto;max-width: 100%;position: relative;}\n                .e-rte-image.e-img-focus:not(.e-resize), .e-audio-focus:not(.e-resize), .e-video-focus:not(.e-resize) {border: solid 2px #4a90e2;}\n                img.e-img-focus::selection, audio.e-audio-focus::selection, .e-video-focus::selection { background: transparent;color: transparent;}\n                span.e-rte-imageboxmark {  width: 10px; height: 10px; position: absolute; display: block;\n                    background: #4a90e2; border: 1px solid #fff; z-index: 1000;}\n                .e-mob-rte.e-mob-span span.e-rte-imageboxmark { background: #4a90e2; border: 1px solid #fff; }\n                .e-mob-rte span.e-rte-imageboxmark { background: #fff; border: 1px solid #4a90e2;\n                    border-radius: 15px; height: 20px; width: 20px; }\n                .e-mob-rte.e-mob-span span.e-rte-imageboxmark { background: #4a90e2; border: 1px solid #fff; }\n                .e-rte-content .e-content img.e-resize, .e-rte-content .e-content video.e-resize { z-index: 1000; }\n                .e-img-caption .e-img-inner { outline: 0; }\n                .e-img-caption a:focus-visible { outline: none; }\n                .e-img-caption .e-rte-image.e-imgright, .e-img-caption .e-rte-image.e-imgleft { float: none; margin: 0;}\n                body{box-sizing: border-box;min-height: 100px;outline: 0 solid transparent;\n                    overflow-x: auto;padding: 16px;position: relative;text-align: inherit;z-index: 2;}\n                p{margin: 0 0 10px;margin-bottom: 10px;}\n                li{margin-bottom: 10px;}\n                h1{font-size: 2.17em;font-weight: 400;line-height: 1;margin: 10px 0;}\n                h2{font-size: 1.74em;font-weight: 400;margin: 10px 0;}\n                h3{font-size: 1.31em;font-weight: 400;margin: 10px 0;}\n                h4{font-size: 16px;font-weight: 400;line-height: 1.5;margin: 0;}\n                h5{font-size: 00.8em;font-weight: 400;margin: 0;}\n                h6{font-size: 00.65em;font-weight: 400;margin: 0;}\n                blockquote{margin: 10px 0;margin-left: 0;padding-left: 5px;border-left: solid 2px #5c5c5c;}\n                pre{background-color: inherit;border: 0;border-radius: 0;color: #333;\n                    font-size: inherit;line-height: inherit;margin: 0 0 10px;overflow: visible;padding: 0;\n                    white-space: pre-wrap;word-break: inherit;word-wrap: break-word;}\n                strong, b{font-weight: 700;}\n                a{text-decoration: none;user-select: auto;}\n                a:hover{text-decoration: underline;};\n                p:last-child, pre:last-child, blockquote:last-child{margin-bottom: 0;}\n                h3+h4, h4+h5, h5+h6{margin-top: 00.6em;}\n                ul:last-child{margin-bottom: 0;}\n                table { border-collapse: collapse; empty-cells: show;}\n                table td,table th {border: 1px solid #BDBDBD; height: 20px; padding: 2px 5px; vertical-align: middle;}\n                table.e-alternate-border tbody tr:nth-child(2n) {background-color: #F5F5F5;}\n                table th {background-color: #E0E0E0;}\n                table.e-dashed-border td,table.e-dashed-border th { border: 1px dashed #BDBDBD} \n                table .e-cell-select {border: 1px double #4a90e2;}\n                span.e-table-box { cursor: nwse-resize; display: block; height: 10px; position: absolute; width: 10px; }\n                span.e-table-box.e-rmob {height: 14px;width: 14px;}\n                .e-row-resize, .e-column-resize { background-color: transparent; background-repeat: repeat;\n                    bottom: 0;cursor: col-resize;height: 1px;overflow: visible;position: absolute;width: 1px; }\n                .e-row-resize { cursor: row-resize; height: 1px;}\n                .e-table-rhelper { cursor: col-resize; opacity: .87;position: absolute;}\n                .e-table-rhelper.e-column-helper { width: 1px; }\n                .e-table-rhelper.e-row-helper {height: 1px;}\n                .e-reicon::before { border-bottom: 6px solid transparent; border-right: 6px solid;\n                    border-top: 6px solid transparent; content: ''; display: block; height: 0;\n                    position: absolute; right: 4px; top: 4px; width: 20px; }\n                .e-reicon::after { border-bottom: 6px solid transparent; border-left: 6px solid;\n                    border-top: 6px solid transparent; content: ''; display: block;\n                    height: 0; left: 4px; position: absolute; top: 4px; width: 20px; z-index: 3; }\n                .e-row-helper.e-reicon::after { top: 10px; transform: rotate(90deg); }\n                .e-row-helper.e-reicon::before { left: 4px; top: -20px; transform: rotate(90deg); }\n                span.e-table-box { background-color: #ffffff; border: 1px solid #BDBDBD; }\n                span.e-table-box.e-rbox-select { background-color: #BDBDBD; border: 1px solid #BDBDBD; }\n                .e-table-rhelper { background-color: #4a90e2;}\n                .e-rtl { direction: rtl; }\n                .e-rte-placeholder::before { content: attr(placeholder); opacity: 0.54; overflow: hidden; padding-top: 16px; position: absolute; text-align: start; top: 0; z-index: 1; }\n            </style>\n        </head>";
 /**
  * Content module is used to render Rich Text Editor content
  *