@syncfusion/ej2-richtexteditor
Version:
Essential JS 2 RichTextEditor component
2,181 lines (2,176 loc) • 2.76 MB
JavaScript
import { isNullOrUndefined, addClass, removeClass, selectAll as selectAll$1, createElement, detach, SanitizeHtmlHelper, extend, Browser, closest, append, prepend, setStyleAttribute, attributes, debounce, Observer, EventHandler, select, formatUnit, Ajax, Base, Property, Event as Event$1, NotifyPropertyChanges, getComponent, getEnumValue, ChildProperty, Complex, Component, updateCSSText, print, L10n, compile, Touch, getUniqueID, Draggable, KeyboardEvents as KeyboardEvents$1 } from '@syncfusion/ej2-base';
import { Toolbar as Toolbar$1, Menu } from '@syncfusion/ej2-navigations';
import { DropDownButton, SplitButton } from '@syncfusion/ej2-splitbuttons';
import { Tooltip, Popup, Dialog, getScrollableParent } from '@syncfusion/ej2-popups';
import { ColorPicker, TextBox, Uploader, NumericTextBox } from '@syncfusion/ej2-inputs';
import { CheckBox, Button, RadioButton } from '@syncfusion/ej2-buttons';
import { AjaxSettings, ContextMenuSettings, DetailsViewSettings, NavigationPaneSettings, SearchSettings, ToolbarSettings as ToolbarSettings$1, UploadSettings, FileManager as FileManager$1, ContextMenu, DetailsView, NavigationPane, Toolbar as Toolbar$2 } from '@syncfusion/ej2-filemanager';
import { Mention } from '@syncfusion/ej2-dropdowns';
import { AIAssistView } from '@syncfusion/ej2-interactive-chat';
import { MarkdownConverter } from '@syncfusion/ej2-markdown-converter';
/**
* @hidden
* @deprecated
*/
const created = 'create';
/**
* @hidden
* @deprecated
*/
const destroyed = 'destroy';
/**
* @hidden
* @deprecated
*/
const tableclass = 'tableclass';
/**
* @hidden
* @deprecated
*/
const load = 'load';
/**
* Specifies Rich Text Editor internal events
*/
/**
* @hidden
* @deprecated
*/
const initialLoad = 'initial-load';
/**
* @hidden
* @deprecated
*/
const contentChanged = 'content-changed';
/**
* @hidden
* @deprecated
*/
const initialEnd = 'initial-end';
/**
* @hidden
* @deprecated
*/
const iframeMouseDown = 'iframe-click';
/**
* @hidden
* @deprecated
*/
const destroy = 'destroy';
/**
* @hidden
* @deprecated
*/
const toolbarClick = 'toolbarClick';
/**
* @hidden
* @deprecated
*/
const toolbarRefresh = 'toolbar-refresh';
/**
* @hidden
* @deprecated
*/
const slashMenuOpening = 'slash-menu-opening';
/**
* @hidden
* @deprecated
*/
const refreshBegin = 'refresh-begin';
/**
* @hidden
* @deprecated
*/
const toolbarUpdated = 'toolbar-updated';
/**
* @hidden
* @deprecated
*/
const bindOnEnd = 'bind-on-end';
/**
* @hidden
* @deprecated
*/
const htmlToolbarClick = 'html-toolbar-click';
/**
* @hidden
* @deprecated
*/
const markdownToolbarClick = 'markdown-toolbar-click';
/**
* @hidden
* @deprecated
*/
const modelChanged = 'model-changed';
/**
* @hidden
* @deprecated
*/
const tableModulekeyUp = 'tableModulekeyUp';
/**
* @hidden
* @deprecated
*/
const keyUp = 'keyUp';
/**
* @hidden
* @deprecated
*/
const keyDown = 'keyDown';
/**
* @hidden
* @deprecated
*/
const onImport = 'onImport';
/**
* @hidden
* @deprecated
*/
const onExport = 'onExport';
/**
* @hidden
* @deprecated
*/
const onCodeBlock = 'onCodeBlock';
/**
* @hidden
* @deprecated
*/
const mouseUp = 'mouseUp';
/**
* @hidden
* @deprecated
*/
const toolbarCreated = 'toolbarCreated';
/**
* @hidden
* @deprecated
*/
const toolbarRenderComplete = 'toolbarRenderComplete';
/**
* @hidden
* @deprecated
*/
const enableFullScreen = 'enableFullScreen';
/**
* @hidden
* @deprecated
*/
const disableFullScreen = 'disableFullScreen';
/**
* @hidden
* @deprecated
*/
const dropDownSelect = 'dropDownSelect';
/**
* @hidden
* @deprecated
*/
const beforeDropDownItemRender = 'beforeDropDownItemRender';
/**
* @hidden
* @deprecated
*/
const execCommandCallBack = 'execCommandCallBack';
/**
* @hidden
* @deprecated
*/
const imageToolbarAction = 'image-toolbar-action';
/**
* @hidden
* @deprecated
*/
const audioToolbarAction = 'audio-toolbar-action';
/**
* @hidden
* @deprecated
*/
const videoToolbarAction = 'video-toolbar-action';
/**
* @hidden
* @deprecated
*/
const linkToolbarAction = 'link-toolbar-action';
/**
* @hidden
* @deprecated
*/
const windowResize = 'resize';
/**
* @hidden
* @deprecated
*/
const resizeStart = 'resizeStart';
/**
* @hidden
* @deprecated
*/
const onResize = 'resizing';
/**
* @hidden
* @deprecated
*/
const resizeStop = 'resizeStop';
/**
* @hidden
* @deprecated
*/
const undo = 'undo';
/**
* @hidden
* @deprecated
*/
const redo = 'redo';
/**
* @hidden
* @deprecated
*/
const insertLink = 'insertLink';
/**
* @hidden
* @deprecated
*/
const unLink = 'unLink';
/**
* @hidden
* @deprecated
*/
const editLink = 'editLink';
/**
* @hidden
* @deprecated
*/
const openLink = 'openLink';
/**
* @hidden
* @deprecated
*/
const actionBegin = 'actionBegin';
/**
* @hidden
* @deprecated
*/
const actionComplete = 'actionComplete';
/**
* @hidden
* @deprecated
*/
const updatedToolbarStatus = 'updatedToolbarStatus';
/**
* @hidden
* @deprecated
*/
const actionSuccess = 'actionSuccess';
/**
* @hidden
* @deprecated
*/
const updateToolbarItem = 'updateToolbarItem';
/**
* @hidden
* @deprecated
*/
const insertImage = 'insertImage';
/**
* @hidden
* @deprecated
*/
const insertAudio = 'insertAudio';
/**
* @hidden
* @deprecated
*/
const insertVideo = 'insertVideo';
/**
* @hidden
* @deprecated
*/
const insertCompleted = 'insertCompleted';
/**
* @hidden
* @deprecated
*/
const imageLeft = 'justifyLeft';
/**
* @hidden
* @deprecated
*/
const imageRight = 'justifyRight';
/**
* @hidden
* @deprecated
*/
const imageCenter = 'justifyCenter';
/**
* @hidden
* @deprecated
*/
const imageBreak = 'break';
/**
* @hidden
* @deprecated
*/
const imageInline = 'inline';
/**
* @hidden
* @deprecated
*/
const imageLink = 'insertImgLink';
/**
* @hidden
* @deprecated
*/
const imageAlt = 'imgAltText';
/**
* @hidden
* @deprecated
*/
const imageDelete = 'delete';
/**
* @hidden
* @deprecated
*/
const audioDelete = 'delete';
/**
* @hidden
* @deprecated
*/
const videoDelete = 'delete';
/**
* @hidden
* @deprecated
*/
const imageCaption = 'caption';
/**
* @hidden
* @deprecated
*/
const imageSize = 'imageSize';
/**
* @hidden
* @deprecated
*/
const videoSize = 'videoSize';
/**
* @hidden
* @deprecated
*/
const sourceCode = 'sourceCode';
/**
* @hidden
* @deprecated
*/
const updateSource = 'updateSource';
/**
* @hidden
* @deprecated
*/
const toolbarOpen = 'toolbarOpen';
/**
* @hidden
* @deprecated
*/
const beforeDropDownOpen = 'beforeDropDownOpen';
/**
* @hidden
* @deprecated
*/
const selectionSave = 'selection-save';
/**
* @hidden
* @deprecated
*/
const selectionRestore = 'selection-restore';
/**
* @hidden
* @deprecated
*/
const expandPopupClick = 'expandPopupClick';
/**
* @hidden
* @deprecated
*/
const count = 'count';
/**
* @hidden
* @deprecated
*/
const contentFocus = 'contentFocus';
/**
* @hidden
* @deprecated
*/
const contentBlur = 'contentBlur';
/**
* @hidden
* @deprecated
*/
const mouseDown = 'mouseDown';
/**
* @hidden
* @deprecated
*/
const sourceCodeMouseDown = 'sourceCodeMouseDown';
/**
* @hidden
* @deprecated
*/
const editAreaClick = 'editAreaClick';
/**
* @hidden
* @deprecated
*/
const scroll = 'scroll';
/**
* @hidden
* @deprecated
*/
const contentscroll = 'contentscroll';
/**
* @hidden
* @deprecated
*/
const colorPickerChanged = 'colorPickerChanged';
/**
* @hidden
* @deprecated
*/
const focusChange = 'focusChange';
/**
* @hidden
* @deprecated
*/
const selectAll = 'selectAll';
/**
* @hidden
* @deprecated
*/
const selectRange = 'selectRange';
/**
* @hidden
* @deprecated
*/
const getSelectedHtml = 'getSelectedHtml';
/**
* @hidden
* @deprecated
*/
const renderInlineToolbar = 'renderInlineToolbar';
/**
* @hidden
* @deprecated
*/
const paste = 'paste-content';
/**
* @hidden
* @deprecated
*/
const codeBlockPaste = 'code-block-paste-content';
/**
* @hidden
* @deprecated
*/
const codeBlockEnter = 'code-block-enter';
/**
* @hidden
* @deprecated
*/
const imgModule = 'imageModule';
/**
* @hidden
* @deprecated
*/
const rtlMode = 'rtl-mode';
/**
* @hidden
* @deprecated
*/
const createTable = 'createTable';
/**
* @hidden
* @deprecated
*/
const updateProperty = 'updateProperty';
/**
* @hidden
* @deprecated
*/
const docClick = 'docClick';
/**
* @hidden
* @deprecated
*/
const tableToolbarAction = 'table-toolbar-action';
/**
* @hidden
* @deprecated
*/
const checkUndo = 'checkUndoStack';
/**
* @hidden
* @deprecated
*/
const readOnlyMode = 'readOnlyMode';
/**
* @hidden
* @deprecated
*/
const clipBoardCleanup = 'clipBoardCleanup';
/**
* @hidden
* @deprecated
*/
const beforeClipboardWrite = 'beforeClipboardWrite';
/**
* @hidden
* @deprecated
*/
const pasteClean = 'pasteClean';
/**
* @hidden
* @deprecated
*/
const enterHandler = 'enterHandler';
/**
* @hidden
* @deprecated
*/
const beforeDialogOpen = 'beforeDialogOpen';
/**
* @hidden
* @deprecated
*/
const clearDialogObj = 'clearDialogObj';
/**
* @hidden
* @deprecated
*/
const dialogOpen = 'dialogOpen';
/**
* @hidden
* @deprecated
*/
const beforeDialogClose = 'beforeDialogClose';
/**
* @hidden
* @deprecated
*/
const dialogClose = 'dialogClose';
/**
* @hidden
* @deprecated
*/
const beforeQuickToolbarOpen = 'beforeQuickToolbarOpen';
/**
* @hidden
* @deprecated
*/
const quickToolbarOpen = 'quickToolbarOpen';
/**
* @hidden
* @deprecated
*/
const quickToolbarClose = 'quickToolbarClose';
/**
* @hidden
* @deprecated
*/
const popupHide = 'popupHide';
/**
* @hidden
* @deprecated
*/
const imageSelected = 'imageSelected';
/**
* @hidden
* @deprecated
*/
const imageUploading = 'imageUploading';
/**
* @hidden
* @deprecated
*/
const imageUploadSuccess = 'imageUploadSuccess';
/**
* @hidden
* @deprecated
*/
const imageUploadFailed = 'imageUploadFailed';
/**
* @hidden
* @deprecated
*/
const imageRemoving = 'imageRemoving';
/**
* @hidden
* @deprecated
*/
const fileSelected = 'fileSelected';
/**
* @hidden
* @deprecated
*/
const fileUploading = 'fileUploading';
/**
* @hidden
* @deprecated
*/
const fileUploadSuccess = 'fileUploadSuccess';
/**
* @hidden
* @deprecated
*/
const fileUploadFailed = 'fileUploadFailed';
/**
* @hidden
* @deprecated
*/
const fileRemoving = 'fileRemoving';
/**
* @hidden
* @deprecated
*/
const afterImageDelete = 'afterImageDelete';
/**
* @hidden
* @deprecated
*/
const afterMediaDelete = 'afterMediaDelete';
/**
* @hidden
* @deprecated
*/
const drop = 'drop';
/**
* @hidden
* @deprecated
*/
const renderQuickToolbar = 'renderQuickToolbar';
/**
* @hidden
* @deprecated
*/
const xhtmlValidation = 'xhtmlValidation';
/**
* @hidden
* @deprecated
*/
const beforeImageUpload = 'beforeImageUpload';
/**
* @hidden
* @deprecated
*/
const beforeFileUpload = 'beforeFileUpload';
/**
* @hidden
* @deprecated
*/
const resizeInitialized = 'resizeInitialized';
/**
* @hidden
* @deprecated
*/
const renderFileManager = 'renderFileManager';
/**
* @hidden
* @deprecated
*/
const beforeImageDrop = 'beforeImageDrop';
/**
* @hidden
* @deprecated
*/
const beforeMediaDrop = 'beforeMediaDrop';
/**
* @hidden
* @deprecated
*/
const dynamicModule = 'dynamicModule';
/**
* @hidden
* @deprecated
*/
const beforePasteCleanup = 'beforePasteCleanup';
/**
* @hidden
* @deprecated
*/
const afterPasteCleanup = 'afterPasteCleanup';
/**
* @hidden
* @deprecated
*/
const updateTbItemsStatus = 'updateTbItemsStatus';
/**
* @hidden
* @deprecated
*/
const showLinkDialog = 'showLinkDialog';
/**
* @hidden
* @deprecated
*/
const closeLinkDialog = 'closeLinkDialog';
/**
* @hidden
* @deprecated
*/
const showImageDialog = 'showImageDialog';
/**
* @hidden
* @deprecated
*/
const showAudioDialog = 'showAudioDialog';
/**
* @hidden
* @deprecated
*/
const showVideoDialog = 'showVideoDialog';
/**
* @hidden
* @deprecated
*/
const closeImageDialog = 'closeImageDialog';
/**
* @hidden
* @deprecated
*/
const closeAudioDialog = 'closeAudioDialog';
/**
* @hidden
* @deprecated
*/
const closeVideoDialog = 'closeVideoDialog';
/**
* @hidden
* @deprecated
*/
const showTableDialog = 'showTableDialog';
/**
* @hidden
* @deprecated
*/
const closeTableDialog = 'closeTableDialog';
/**
* @hidden
* @deprecated
*/
const bindCssClass = 'bindCssClass';
/**
* @hidden
* @deprecated
*/
const formatPainterClick = 'formatPainterClick';
/**
* @hidden
* @deprecated
*/
const formatPainterDoubleClick = 'formatPainterDoubleClick';
/**
* @hidden
* @deprecated
*/
const emojiPicker = 'emojiPicker';
/**
* @hidden
* @deprecated
*/
const destroyTooltip = 'destroyTooltip';
/**
* @hidden
* @deprecated
*/
const hidePopup = 'hidePopup';
/**
* @hidden
* @deprecated
*/
const cleanupResizeElements = 'cleanupResizeElements';
/**
* @hidden
* @deprecated
*/
const afterKeyDown = 'afterKeyDown';
/**
* @hidden
* @deprecated
*/
const updateValueOnIdle = 'updateValueOnIdle';
/**
* @hidden
* @deprecated
*/
const documentClickClosedBy = 'documentClickClosedBy';
/**
* @hidden
* @deprecated
*/
const showColorPicker = 'showColorPicker';
/**
* @hidden
* @deprecated
*/
const showDropDown = 'showDropDown';
/**
* @hidden
* @deprecated
*/
const closeTooltip = 'closeTooltip';
/**
* @hidden
* @deprecated
*/
const autoResize = 'autoResize';
/**
* @hidden
* @deprecated
*/
const onAIAssistant = 'onAIAssistant';
/**
* @hidden
* @deprecated
*/
const menuItemselected = 'menuItemselected';
/**
* @hidden
* @deprecated
*/
const menuBeforeOpen = 'menuBeforeOpen';
/**
* @hidden
* @deprecated
*/
const menuBeforeClose = 'menuBeforeClose';
/**
* @hidden
* @deprecated
*/
const selectionChangeMouseUp = 'selectionChangeMouseUp';
/**
* @hidden
* @deprecated
*/
const blockEmptyNodes = `address:empty, article:empty, aside:empty, blockquote:empty,
details:empty, dd:empty, div:empty, dl:empty, dt:empty, fieldset:empty, footer:empty,form:empty, h1:empty,
h2:empty, h3:empty, h4:empty, h5:empty, h6:empty, header:empty, hgroup:empty, li:empty, main:empty, nav:empty,
noscript:empty, output:empty, p:empty, pre:empty, section:empty, td:empty, th:empty`;
/**
* @hidden
* @deprecated
*/
const inlineEmptyNodes = `a:empty, abbr:empty, acronym:empty, b:empty, bdi:empty, bdo:empty, big:empty, button:empty,
canvas:empty, cite:empty, code:empty, data:empty, datalist:empty, del:empty, dfn:empty, em:empty, font:empty, i:empty, iframe:empty,
ins:empty, kbd:empty, label:empty, map:empty, mark:empty, meter:empty, noscript:empty, object:empty, output:empty, picture:empty, progress:empty,
q:empty, ruby:empty, s:empty, samp:empty, script:empty, select:empty, slot:empty, small:empty, span:empty, strong:empty, strike:empty, sub:empty, sup:empty, svg:empty,
template:empty, textarea:empty, time:empty, u:empty, tt:empty, var:empty, wbr:empty`;
/**
* @hidden
* @deprecated
*/
const supportedUnits = ['px', 'em', 'rem', 'pt', 'cm', 'mm', 'in', 'pc', 'vw', 'vh', 'vmin', 'vmax'];
/**
* @hidden
* @deprecated
*/
const conversionFactors = {
'px': {
'px': 1,
'em': 0.0625,
'rem': 0.0625,
'pt': 0.75,
'cm': 0.0264583,
'mm': 0.0026458,
'in': 0.0104167,
'pc': 0.0625,
'vw': 0.00625,
'vh': 0.00625,
'vmin': 0.00625,
'vmax': 0.00625
},
'em': {
'px': 16,
'em': 1,
'rem': 1,
'pt': 12,
'cm': 0.423333,
'mm': 0.0423333,
'in': 0.166667,
'pc': 0.0625,
'vw': 1,
'vh': 1,
'vmin': 1,
'vmax': 1
},
'rem': {
'px': 16,
'em': 1,
'rem': 1,
'pt': 12,
'cm': 0.423333,
'mm': 0.0423333,
'in': 0.166667,
'pc': 0.0625,
'vw': 1,
'vh': 1,
'vmin': 1,
'vmax': 1
},
'pt': {
'px': 1.33333,
'em': 0.0833333,
'rem': 0.0833333,
'pt': 1,
'cm': 0.0352778,
'mm': 0.0035278,
'in': 0.0138889,
'pc': 0.0416667,
'vw': 0.00416667,
'vh': 0.00416667,
'vmin': 0.00416667,
'vmax': 0.00416667
},
'cm': {
'px': 37.7953,
'em': 2.3622,
'rem': 2.3622,
'pt': 28.3465,
'cm': 1,
'mm': 0.1,
'in': 0.393701,
'pc': 0.148148,
'vw': 0.0377953,
'vh': 0.0377953,
'vmin': 0.0377953,
'vmax': 0.0377953
},
'mm': {
'px': 3.77953,
'em': 0.23622,
'rem': 0.23622,
'pt': 2.83465,
'cm': 10,
'mm': 1,
'in': 0.0393701,
'pc': 0.0148148,
'vw': 0.00377953,
'vh': 0.00377953,
'vmin': 0.00377953,
'vmax': 0.00377953
},
'in': {
'px': 96,
'em': 6,
'rem': 6,
'pt': 72,
'cm': 2.54,
'mm': 25.4,
'in': 1,
'pc': 0.375,
'vw': 0.09375,
'vh': 0.09375,
'vmin': 0.09375,
'vmax': 0.09375
},
'pc': {
'px': 16,
'em': 1,
'rem': 1,
'pt': 12,
'cm': 0.423333,
'mm': 0.0423333,
'in': 0.166667,
'pc': 1,
'vw': 0.0625,
'vh': 0.0625,
'vmin': 0.0625,
'vmax': 0.0625
},
'vw': {
'px': 160,
'em': 10,
'rem': 10,
'pt': 120,
'cm': 4.23333,
'mm': 0.423333,
'in': 1.66667,
'pc': 0.625,
'vw': 1,
'vh': 1,
'vmin': 1,
'vmax': 1
},
'vh': {
'px': 160,
'em': 10,
'rem': 10,
'pt': 120,
'cm': 4.23333,
'mm': 0.423333,
'in': 1.66667,
'pc': 0.625,
'vw': 1,
'vh': 1,
'vmin': 1,
'vmax': 1
},
'vmin': {
'px': 160,
'em': 10,
'rem': 10,
'pt': 120,
'cm': 4.23333,
'mm': 0.423333,
'in': 1.66667,
'pc': 0.625,
'vw': 1,
'vh': 1,
'vmin': 1,
'vmax': 1
},
'vmax': {
'px': 160,
'em': 10,
'rem': 10,
'pt': 120,
'cm': 4.23333,
'mm': 0.423333,
'in': 1.66667,
'pc': 0.625,
'vw': 1,
'vh': 1,
'vmin': 1,
'vmax': 1
}
};
/**
* @hidden
* @deprecated
*/
const onHandleFontsizeChange = 'onHandleFontsizeChange';
/**
* @hidden
* @deprecated
*/
const preventQuickToolbarClose = 'preventQuickToolbarClose';
/**
* @hidden
* @deprecated
*/
const selectionChanged = 'selectionChanged';
/**
* @hidden
* @deprecated
*/
const wordImporting = 'wordImporting';
/**
* @hidden
* @deprecated
*/
const documentExporting = 'documentExporting';
/**
* Rich Text Editor classes defined here.
*/
/**
* @hidden
* @deprecated
*/
const CLS_RTE = 'e-richtexteditor';
/**
* @hidden
* @deprecated
*/
const CLS_RTL = 'e-rtl';
/**
* @hidden
* @deprecated
*/
const CLS_CONTENT = 'e-content';
/**
* @hidden
* @deprecated
*/
const CLS_DISABLED = 'e-disabled';
/**
* @hidden
* @deprecated
*/
const CLS_SCRIPT_SHEET = 'rte-iframe-script-sheet';
/**
* @hidden
* @deprecated
*/
const CLS_STYLE_SHEET = 'rte-iframe-style-sheet';
/**
* @hidden
* @deprecated
*/
const CLS_RTE_CONTAINER = 'e-rte-container';
/**
* @hidden
* @deprecated
*/
const CLS_RTE_IFRAME_CONTENT = 'e-rte-iframe-content';
/**
* @hidden
* @deprecated
*/
const CLS_TOOLBAR = 'e-rte-toolbar';
/**
* @hidden
* @deprecated
*/
const CLS_TB_FIXED = 'e-rte-tb-fixed';
/**
* @hidden
* @deprecated
*/
const CLS_TB_FLOAT = 'e-rte-tb-float';
/**
* @hidden
* @deprecated
*/
const CLS_INLINE = 'e-rte-inline';
/**
* @hidden
* @deprecated
*/
const CLS_TB_INLINE = 'e-rte-tb-inline';
/**
* @hidden
* @deprecated
*/
const CLS_RTE_EXPAND_TB = 'e-rte-tb-expand';
/**
* @hidden
* @deprecated
*/
const CLS_FULL_SCREEN = 'e-rte-full-screen';
/**
* @hidden
* @deprecated
*/
const CLS_QUICK_TB = 'e-rte-quick-toolbar';
/**
* @hidden
* @deprecated
*/
const CLS_TEXT_QUICK_TB = 'e-text-quicktoolbar';
/**
* @hidden
* @deprecated
*/
const CLS_IMG_QUICK_TB = 'e-image-quicktoolbar';
/**
* @hidden
* @deprecated
*/
const CLS_AUDIO_QUICK_TB = 'e-audio-quicktoolbar';
/**
* @hidden
* @deprecated
*/
const CLS_VIDEO_QUICK_TB = 'e-video-quicktoolbar';
/**
* @hidden
* @deprecated
*/
const CLS_TABLE_QUICK_TB = 'e-table-quicktoolbar';
/**
* @hidden
* @deprecated
*/
const CLS_LINK_QUICK_TB = 'e-link-quicktoolbar';
/**
* @hidden
* @deprecated
*/
const CLS_TB_STATIC = 'e-tb-static';
/**
* @hidden
* @deprecated
*/
const CLS_QUICK_POP = 'e-rte-quick-popup';
/**
* @hidden
* @deprecated
*/
const CLS_INLINE_POP = 'e-rte-inline-popup';
/**
* @hidden
* @deprecated
*/
const CLS_QUICK_TBAR_TIP_POINTER = 'e-rte-tip-pointer';
/**
* @hidden
* @deprecated
*/
const CLS_QUICK_DROPDOWN = 'e-quick-dropdown';
/**
* @hidden
* @deprecated
*/
const CLS_INLINE_TOOLBAR = 'e-rte-inline-toolbar';
/**
* @hidden
* @deprecated
*/
const CLS_INLINE_DROPDOWN = 'e-rte-inline-dropdown';
/**
* @hidden
* @deprecated
*/
const CLS_DROPDOWN_POPUP = 'e-rte-dropdown-popup';
/**
* @hidden
* @deprecated
*/
const CLS_DROPDOWN_ICONS = 'e-rte-dropdown-icons';
/**
* @hidden
* @deprecated
*/
const CLS_DROPDOWN_ITEMS = 'e-rte-dropdown-items';
/**
* @hidden
* @deprecated
*/
const CLS_DROPDOWN_BTN = 'e-rte-dropdown-btn';
/**
* @hidden
* @deprecated
*/
const CLS_RTE_CONTENT = 'e-rte-content';
/**
* @hidden
* @deprecated
*/
const CLS_TB_ITEM = 'e-toolbar-item';
/**
* @hidden
* @deprecated
*/
const CLS_TB_EXTENDED = 'e-toolbar-extended';
/**
* @hidden
* @deprecated
*/
const CLS_TB_WRAP = 'e-toolbar-wrapper';
/**
* @hidden
* @deprecated
*/
const CLS_POPUP = 'e-popup';
/**
* @hidden
* @deprecated
*/
const CLS_SEPARATOR = 'e-separator';
/**
* @hidden
* @deprecated
*/
const CLS_MINIMIZE = 'e-minimize';
/**
* @hidden
* @deprecated
*/
const CLS_MAXIMIZE = 'e-maximize';
/**
* @hidden
* @deprecated
*/
const CLS_BACK = 'e-back';
/**
* @hidden
* @deprecated
*/
const CLS_SHOW = 'e-show';
/**
* @hidden
* @deprecated
*/
const CLS_HIDE = 'e-hide';
/**
* @hidden
* @deprecated
*/
const CLS_VISIBLE = 'e-visible';
/**
* @hidden
* @deprecated
*/
const CLS_FOCUS = 'e-focused';
/**
* @hidden
* @deprecated
*/
const CLS_RM_WHITE_SPACE = 'e-remove-white-space';
/**
* @hidden
* @deprecated
*/
const CLS_IMGRIGHT = 'e-imgright';
/**
* @hidden
* @deprecated
*/
const CLS_IMGLEFT = 'e-imgleft';
/**
* @hidden
* @deprecated
*/
const CLS_IMGCENTER = 'e-imgcenter';
/**
* @hidden
* @deprecated
*/
const CLS_IMGBREAK = 'e-imgbreak';
/**
* @hidden
* @deprecated
*/
const CLS_AUDIOBREAK = 'e-audio-break';
/**
* @hidden
* @deprecated
*/
const CLS_CLICKELEM = 'e-clickelem';
/**
* @hidden
* @deprecated
*/
const CLS_VID_CLICK_ELEM = 'e-video-clickelem';
/**
* @hidden
* @deprecated
*/
const CLS_AUDIOWRAP = 'e-audio-wrap';
/**
* @hidden
* @deprecated
*/
const CLS_VIDEOWRAP = 'e-video-wrap';
/**
* @hidden
* @deprecated
*/
const CLS_VIDEOBREAK = 'e-video-break';
/**
* @hidden
* @deprecated
*/
const CLS_CAPTION = 'e-img-caption';
/**
* @hidden
* @deprecated
*/
const CLS_RTE_CAPTION = 'e-rte-img-caption';
/**
* @hidden
* @deprecated
*/
const CLS_CAPINLINE = 'e-caption-inline';
/**
* @hidden
* @deprecated
*/
const CLS_IMGINLINE = 'e-imginline';
/**
* @hidden
* @deprecated
*/
const CLS_AUDIOINLINE = 'e-audio-inline';
/**
* @hidden
* @deprecated
*/
const CLS_VIDEOINLINE = 'e-video-inline';
/**
* @hidden
* @deprecated
*/
const CLS_COUNT = 'e-rte-character-count';
/**
* @hidden
* @deprecated
*/
const CLS_WARNING = 'e-warning';
/**
* @hidden
* @deprecated
*/
const CLS_ERROR = 'e-error';
/**
* @hidden
* @deprecated
*/
const CLS_ICONS = 'e-icons';
/**
* @hidden
* @deprecated
*/
const CLS_ACTIVE = 'e-active';
/**
* @hidden
* @deprecated
*/
const CLS_EXPAND_OPEN = 'e-expand-open';
/**
* @hidden
* @deprecated
*/
const CLS_RTE_ELEMENTS = 'e-rte-elements';
/**
* @hidden
* @deprecated
*/
const CLS_TB_BTN = 'e-tbar-btn';
/**
* @hidden
* @deprecated
*/
const CLS_DROPDOWN_MENU = 'e-rte-dropdown-menu';
/**
* @hidden
* @deprecated
*/
const CLS_HR_SEPARATOR = 'e-rte-horizontal-separator';
/**
* @hidden
* @deprecated
*/
const CLS_TB_IOS_FIX = 'e-tbar-ios-fixed';
/**
* @hidden
* @deprecated
*/
const CLS_LIST_PRIMARY_CONTENT = 'e-rte-list-primary-content';
/**
* @hidden
* @deprecated
*/
const CLS_NUMBERFORMATLIST_TB_BTN = 'e-rte-numberformatlist-dropdown';
/**
* @hidden
* @deprecated
*/
const CLS_BULLETFORMATLIST_TB_BTN = 'e-rte-bulletformatlist-dropdown';
/**
* @hidden
* @deprecated
*/
const CLS_CODEBLOCK_TB_BTN = 'e-rte-codeblock-dropdown';
/**
* @hidden
* @deprecated
*/
const CLS_CODEBLOCK_TB_BTN_ICON = 'e-rte-code-block-icon e-preformat-code';
/**
* @hidden
* @deprecated
*/
const CLS_FORMATS_TB_BTN = 'e-formats-tbar-btn';
/**
* @hidden
* @deprecated
*/
const CLS_FONT_NAME_TB_BTN = 'e-font-name-tbar-btn';
/**
* @hidden
* @deprecated
*/
const CLS_FONT_SIZE_TB_BTN = 'e-font-size-tbar-btn';
/**
* @hidden
* @deprecated
*/
const CLS_ALIGN_TB_BTN = 'e-alignment-tbar-btn';
/**
* @hidden
* @deprecated
*/
const CLS_LINE_HEIGHT_TB_BTN = 'e-line-height-tbar-btn';
/**
* @hidden
* @deprecated
*/
const CLS_BORDER_STYLE_BTN = 'e-border-style-btn';
/**
* @hidden
* @deprecated
*/
const CLS_BORDERCOLOR_COLORPICKER = 'e-rte-border-colorpicker';
/**
* @hidden
* @deprecated
*/
const CLS_TABLE_BGCOLOR_COLORPICKER = 'e-rte-table-bg-colorpicker';
/**
* @hidden
* @deprecated
*/
const CLS_FONT_COLORPICKER = 'e-rte-font-colorpicker';
/**
* @hidden
* @deprecated
*/
const CLS_BACKGROUND_COLORPICKER = 'e-rte-background-colorpicker';
/**
* @hidden
* @deprecated
*/
const CLS_NUMBERFORMATLIST_DROPDOWN = 'e-rte-numberformatlist-dropdown';
/**
* @hidden
* @deprecated
*/
const CLS_BULLETFORMATLIST_DROPDOWN = 'e-rte-bulletformatlist-dropdown';
/**
* @hidden
* @deprecated
*/
const CLS_DROPDOWN = 'e-rte-dropdown';
/**
* @hidden
* @deprecated
*/
const CLS_COLOR_PALETTE = 'e-rte-square-palette';
/**
* @hidden
* @deprecated
*/
const CLS_RTE_READONLY = 'e-rte-readonly';
/**
* @hidden
* @deprecated
*/
const CLS_RTE_HIDDEN = 'e-rte-hidden';
/**
* @hidden
* @deprecated
*/
const CLS_RTE_PASTE_KEEP_FORMAT = 'e-rte-keepformat';
/**
* @hidden
* @deprecated
*/
const CLS_RTE_PASTE_REMOVE_FORMAT = 'e-rte-removeformat';
/**
* @hidden
* @deprecated
*/
const CLS_RTE_PASTE_PLAIN_FORMAT = 'e-rte-plainformat';
/**
* @hidden
* @deprecated
*/
const CLS_RTE_PASTE_OK = 'e-rte-pasteok';
/**
* @hidden
* @deprecated
*/
const CLS_RTE_PASTE_CANCEL = 'e-rte-pastecancel';
/**
* @hidden
* @deprecated
*/
const CLS_RTE_DIALOG_MIN_HEIGHT = 'e-rte-dialog-minheight';
/**
* @hidden
* @deprecated
*/
const CLS_RTE_RES_HANDLE = 'e-resize-handle';
/**
* @hidden
* @deprecated
*/
const CLS_RTE_RES_EAST = 'e-south-east';
/**
* @hidden
* @deprecated
*/
const CLS_RTE_IMAGE = 'e-rte-image';
/**
* @hidden
* @deprecated
*/
const CLS_RTE_UPLOAD_POPUP = 'e-rte-upload-popup';
/**
* @hidden
* @deprecated
*/
const CLS_POPUP_OPEN = 'e-popup-open';
/**
* @hidden
* @deprecated
*/
const CLS_POPUP_CLOSE = 'e-popup-close';
/**
* @hidden
* @deprecated
*/
const CLS_IMG_RESIZE = 'e-img-resize';
/**
* @hidden
* @deprecated
*/
const CLS_VID_RESIZE = 'e-vid-resize';
/**
* @hidden
* @deprecated
*/
const CLS_DROPAREA = 'e-droparea';
/**
* @hidden
* @deprecated
*/
const CLS_IMG_INNER = 'e-img-inner';
/**
* @hidden
* @deprecated
*/
const CLS_UPLOAD_FILES = 'e-upload-files';
/**
* @hidden
* @deprecated
*/
const CLS_RTE_DIALOG_UPLOAD = 'e-rte-dialog-upload';
/**
* @hidden
* @deprecated
*/
const CLS_RTE_RES_CNT = 'e-rte-resize';
/**
* @hidden
* @deprecated
*/
const CLS_CUSTOM_TILE = 'e-custom-tile';
/**
* @hidden
* @deprecated
*/
const CLS_NOCOLOR_ITEM = 'e-nocolor-item';
/**
* @hidden
* @deprecated
*/
const CLS_TABLE = 'e-rte-table';
/**
* @hidden
* @deprecated
*/
const CLS_TABLE_BORDER = 'e-rte-table-border';
/**
* @hidden
* @deprecated
*/
const CLS_RTE_FIXED_TB_EXPAND = 'e-rte-fixed-tb-expand';
/**
* @hidden
* @deprecated
*/
const CLS_RTE_TB_ENABLED = 'e-rte-toolbar-enabled';
/**
* @hidden
* @deprecated
*/
const CLS_RTE_RES_WEST = 'e-south-west';
/**
* @hidden
* @deprecated
*/
const CLS_RTE_SOURCE_CODE_TXTAREA = 'e-rte-srctextarea';
/**
* @hidden
* @deprecated
*/
const CLS_RTE_IMAGE_UPLOAD_POPUP = 'e-image-upload-popup';
/**
* @hidden
* @deprecated
*/
const CLS_RTE_VIDEO_UPLOAD_POPUP = 'e-video-upload-popup';
/**
* @hidden
* @deprecated
*/
const CLS_RTE_AUDIO_UPLOAD_POPUP = 'e-audio-upload-popup';
/**
* @hidden
* @deprecated
*/
const CLS_AI_COMMANDS_TBAR_BTN = 'e-ai-commands-tbar-btn';
/**
* Defines types of Render
*
* @hidden
* @deprecated
*/
var RenderType;
(function (RenderType) {
/** Defines RenderType as Toolbar */
RenderType[RenderType["Toolbar"] = 0] = "Toolbar";
/** Defines RenderType as Content */
RenderType[RenderType["Content"] = 1] = "Content";
/** Defines RenderType as Popup */
RenderType[RenderType["Popup"] = 2] = "Popup";
/** Defines RenderType as LinkToolbar */
RenderType[RenderType["LinkToolbar"] = 3] = "LinkToolbar";
/** Defines RenderType as TextToolbar */
RenderType[RenderType["TextToolbar"] = 4] = "TextToolbar";
/** Defines RenderType as ImageToolbar */
RenderType[RenderType["ImageToolbar"] = 5] = "ImageToolbar";
/** Defines RenderType as AudioToolbar */
RenderType[RenderType["AudioToolbar"] = 6] = "AudioToolbar";
/** Defines RenderType as AudioToolbar */
RenderType[RenderType["VideoToolbar"] = 7] = "VideoToolbar";
/** Defines RenderType as InlineToolbar */
RenderType[RenderType["InlineToolbar"] = 8] = "InlineToolbar";
/** Defines RenderType as TableToolbar */
RenderType[RenderType["TableToolbar"] = 9] = "TableToolbar";
})(RenderType || (RenderType = {}));
/**
* Background color options for text formatting.
*/
const backgroundColor = {
'Custom': [
'', '#000000', '#ffff00', '#00ff00', '#00ffff', '#0000ff', '#ff0000', '#000080', '#800080', '#996633',
'#f2f2f2', '#808080', '#ffffcc', '#b3ffb3', '#ccffff', '#ccccfe', '#ffcccc', '#ccccff', '#ff80ff', '#f2e6d9',
'#d9d9d9', '#595959', '#ffff80', '#80ff80', '#b3ffff', '#8080fe', '#ff8080', '#8080ff', '#ff00ff', '#dfbf9f',
'#bfbfbf', '#404040', '#ffff33', '#33ff33', '#33ffff', '#3333ff', '#ff3333', '#0000b3', '#b300b3', '#c68c53',
'#a6a6a6', '#262626', '#e6e600', '#00b300', '#009999', '#000099', '#b30000', '#000065', '#660066', '#86592d',
'#7f7f7f', '#0d0d0d', '#999900', '#006600', '#006666', '#000066', '#660000', '#00004d', '#4d004d', '#734d26'
]
};
/**
* Font color options for text formatting.
*/
const fontColor = {
'Custom': [
'', '#000000', '#e7e6e6', '#44546a', '#4472c4', '#ed7d31', '#a5a5a5', '#ffc000', '#70ad47', '#ff0000',
'#f2f2f2', '#808080', '#cfcdcd', '#d5dce4', '#d9e2f3', '#fbe4d5', '#ededed', '#fff2cc', '#e2efd9', '#ffcccc',
'#d9d9d9', '#595959', '#aeaaaa', '#acb9ca', '#b4c6e7', '#f7caac', '#dbdbdb', '#ffe599', '#c5e0b3', '#ff8080',
'#bfbfbf', '#404040', '#747070', '#8496b0', '#8eaadb', '#f4b083', '#c9c9c9', '#ffd966', '#a8d08d', '#ff3333',
'#a6a6a6', '#262626', '#3b3838', '#323e4f', '#2f5496', '#c45911', '#7b7b7b', '#bf8f00', '#538135', '#b30000',
'#7f7f7f', '#0d0d0d', '#161616', '#212934', '#1f3763', '#823b0b', '#525252', '#7f5f00', '#375623', '#660000'
]
};
/**
* Font family options for rich text editor.
*/
const fontFamily = [
{ cssClass: 'e-default', text: 'Default', command: 'Font', subCommand: 'FontName', value: '' },
{ cssClass: 'e-segoe-ui', text: 'Segoe UI', command: 'Font', subCommand: 'FontName', value: 'Segoe UI' },
{ cssClass: 'e-arial', text: 'Arial', command: 'Font', subCommand: 'FontName', value: 'Arial,Helvetica,sans-serif' },
{ cssClass: 'e-georgia', text: 'Georgia', command: 'Font', subCommand: 'FontName', value: 'Georgia,serif' },
{ cssClass: 'e-impact', text: 'Impact', command: 'Font', subCommand: 'FontName', value: 'Impact,Charcoal,sans-serif' },
{ cssClass: 'e-tahoma', text: 'Tahoma', command: 'Font', subCommand: 'FontName', value: 'Tahoma,Geneva,sans-serif' },
{ cssClass: 'e-times-new-roman', text: 'Times New Roman', command: 'Font', subCommand: 'FontName', value: 'Times New Roman,Times,serif' },
{ cssClass: 'e-verdana', text: 'Verdana', command: 'Font', subCommand: 'FontName', value: 'Verdana,Geneva,sans-serif' }
];
/**
* Font size options for text formatting.
*/
const fontSize = [
{ text: 'Default', value: '' },
{ text: '8 pt', value: '8pt' },
{ text: '10 pt', value: '10pt' },
{ text: '12 pt', value: '12pt' },
{ text: '14 pt', value: '14pt' },
{ text: '18 pt', value: '18pt' },
{ text: '24 pt', value: '24pt' },
{ text: '36 pt', value: '36pt' }
];
/**
* Line height options for text formatting.
*/
const lineHeight = [
{ text: 'Default', value: '' },
{ text: '1', value: '1' },
{ text: '1.15', value: '1.15' },
{ text: '1.5', value: '1.5' },
{ text: '2', value: '2' },
{ text: '2.5', value: '2.5' },
{ text: '3', value: '3' },
];
/**
* Formatting options for rich text elements.
*/
const formatItems = [
{ cssClass: 'e-paragraph', text: 'Paragraph', command: 'Formats', subCommand: 'P', value: 'P' },
{ cssClass: 'e-h1', text: 'Heading 1', command: 'Formats', subCommand: 'H1', value: 'H1' },
{ cssClass: 'e-h2', text: 'Heading 2', command: 'Formats', subCommand: 'H2', value: 'H2' },
{ cssClass: 'e-h3', text: 'Heading 3', command: 'Formats', subCommand: 'H3', value: 'H3' },
{ cssClass: 'e-h4', text: 'Heading 4', command: 'Formats', subCommand: 'H4', value: 'H4' },
{ cssClass: 'e-code', text: 'preformatted', command: 'Formats', subCommand: 'Pre', value: 'Pre' },
];
/**
* Predefined toolbar items for the rich text editor.
*/
const predefinedItems = ['Bold', 'Italic', 'Underline', '|', 'Formats', 'Alignments', 'Blockquote',
'OrderedList', 'UnorderedList', '|', 'CreateLink', 'Image', '|', 'SourceCode', 'Undo', 'Redo'];
/**
* Table style options for text tables.
*/
const TableStyleItems = [
{ text: 'Dashed Borders', cssClass: 'e-dashed-borders', command: 'Table', subCommand: 'Dashed' },
{ text: 'Alternate Rows', cssClass: 'e-alternate-rows', command: 'Table', subCommand: 'Alternate' }
];
/**
* Number format list for ordered lists.
*/
const numberFormatList = [
{ text: 'None', command: 'Lists', subCommand: 'NumberFormatList', value: 'none' },
{ text: 'Number', command: 'Lists', subCommand: 'NumberFormatList', value: 'decimal' },
{ text: 'Lower Greek', command: 'Lists', subCommand: 'NumberFormatList', value: 'lowerGreek' },
{ text: 'Lower Roman', command: 'Lists', subCommand: 'NumberFormatList', value: 'lowerRoman' },
{ text: 'Upper Alpha', command: 'Lists', subCommand: 'NumberFormatList', value: 'upperAlpha' },
{ text: 'Lower Alpha', command: 'Lists', subCommand: 'NumberFormatList', value: 'lowerAlpha' },
{ text: 'Upper Roman', command: 'Lists', subCommand: 'NumberFormatList', value: 'upperRoman' },
];
/**
* Bullet format list for unordered lists.
*/
const bulletFormatList = [
{ text: 'None', command: 'Lists', subCommand: 'BulletFormatList', value: 'none' },
{ text: 'Disc', command: 'Lists', subCommand: 'BulletFormatList', value: 'disc' },
{ text: 'Circle', command: 'Lists', subCommand: 'BulletFormatList', value: 'circle' },
{ text: 'Square', command: 'Lists', subCommand: 'BulletFormatList', value: 'square' },
];
/**
* List of code block languages supported by the editor.
*/
const codeBlockList = [
{ language: 'plaintext', label: 'Plain text' },
{ language: 'c', label: 'C' },
{ language: 'csharp', label: 'C#' },
{ language: 'cpp', label: 'C++' },
{ language: 'css', label: 'CSS' },
{ language: 'diff', label: 'Diff' },
{ language: 'html', label: 'HTML' },
{ language: 'java', label: 'Java' },
{ language: 'javascript', label: 'JavaScript' },
{ language: 'php', label: 'PHP' },
{ language: 'python', label: 'Python' },
{ language: 'ruby', label: 'Ruby' },
{ language: 'sql', label: 'SQL' },
{ language: 'typescript', label: 'TypeScript' },
{ language: 'xml', label: 'XML' }
];
const defaultEmojiIcons = [{
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: 'Heart' }]
}];
/* eslint-disable */
let templateItems = ['lineheight', 'alignments', 'formats', 'fontname', 'fontsize', 'fontcolor', 'backgroundcolor', 'align', 'display', 'audiolayoutoption', 'videolayoutoption', 'videoalign', 'tablerows', 'tablecolumns', 'tablecell', 'tablecellhorizontalalign', 'tablecellverticalalign', 'styles', 'numberformatlist', 'bulletformatlist', 'codeblock', 'borderstyle', 'tablebackgroundcolor', 'bordercolor', 'aicommands'];
let tools = {
'alignments': {
'id': 'Alignments',
'icon': 'e-alignments',
'tooltip': 'Alignments',
'command': 'Alignments',
'subCommand': 'Alignments'
},
'justifyleft': {
'id': 'JustifyLeft',
'icon': 'e-justify-left',
'tooltip': 'JustifyLeft',
'command': 'Alignments',
'subCommand': 'JustifyLeft'
},
'justifycenter': {
'id': 'JustifyCenter',
'icon': 'e-justify-center',
'tooltip': 'JustifyCenter',
'command': 'Alignments',
'subCommand': 'JustifyCenter'
},
'justifyright': {
'id': 'JustifyRight',
'icon': 'e-justify-right',
'tooltip': 'JustifyRight',
'command': 'Alignments',
'subCommand': 'JustifyRight'
},
'justifyfull': {
'id': 'JustifyFull',
'icon': 'e-justify-full',
'tooltip': 'JustifyFull',
'command': 'Alignments',
'subCommand': 'JustifyFull'
},
'lineheight': {
'id': 'LineHeight',
'icon': 'e-lineHeight',
'tooltip': 'Line Height',
'command': 'LineHeight',
'subCommand': 'LineHeight'
},
'fontname': {
'id': 'FontName',
'icon': 'e-font-name',
'tooltip': 'Font Name',
'command': 'Font',
'subCommand': 'FontName'
},
'fontsize': {
'id': 'FontSize',
'icon': 'e-font-size',
'tooltip': 'Font Size',
'command': 'Font',
'subCommand': 'FontSize'
},
'fontcolor': {
'id': 'FontColor',
'icon': 'e-rte-font-color',
'tooltip': 'Font Color',
'command': 'Font',
'subCommand': 'FontColor',
'value': '#ff0000ff'
},
'backgroundcolor': {
'id': 'BackgroundColor',
'icon': 'e-background-color',
'tooltip': 'Background Color',
'command': 'Font',
'subCommand': 'BackgroundColor',
'value': '#ffff00ff'
},
'importword': {
'id': 'ImportWord',
'icon': 'e-rte-import-doc',
'tooltip': 'Import from Word',
'command': 'Import',
'subCommand': 'ImportWord'
},
'exportword': {
'id': 'ExportWord',
'icon': 'e-rte-export-doc',
'tooltip': 'Export to Word',
'command': 'Export',
'subCommand': 'ExportWord'
},
'exportpdf': {
'id': 'ExportPdf',
'icon': 'e-rte-export-pdf',
'tooltip': 'Export to PDF',
'command': 'Export',
'subCommand': 'ExportPdf'
},
'bold': {
'id': 'Bold',
'icon': 'e-bold',
'tooltip': 'Bold',
'command': 'Style',
'subCommand': 'Bold'
},
'italic': {
'id': 'Italic',
'icon': 'e-italic',
'tooltip': 'Italic',
'command': 'Style',
'subCommand': 'Italic'
},
'underline': {
'id': 'Underline',
'icon': 'e-underline',
'tooltip': 'Underline',
'command': 'Style',
'subCommand': 'Underline'
},
'strikethrough': {
'id': 'StrikeThrough',
'icon': 'e-strike-through',
'tooltip': 'StrikeThrough',
'command': 'Style',
'subCommand': 'StrikeThrough'
},
'clearformat': {
'id': 'ClearFormat',
'icon': 'e-clear-format',
'tooltip': 'Clear Format',
'command': 'Clear',
'subCommand': 'ClearFormat'
},
'clearall': {
'id': 'ClearAll',
'icon': 'e-clear-all',
'tooltip': 'Clear All',
'command': 'Clear',
'subCommand': 'Cl