@syncfusion/ej2-richtexteditor
Version:
Essential JS 2 RichTextEditor component
135 lines (126 loc) • 3.88 kB
TypeScript
import { Menu } from '@syncfusion/ej2-navigations';
import { DropDownButton, SplitButton } from '@syncfusion/ej2-splitbuttons';
import { TooltipEventArgs } from '@syncfusion/ej2-popups';
import { IRichTextEditor, IToolbarOptions, IRenderer, IMenuRenderArgs } from '../base/interface';
import { IDropDownModel, ISplitButtonModel, IColorPickerModel } from '../../common/interface';
import { ColorPicker } from '@syncfusion/ej2-inputs';
import { ServiceLocator } from '../services/service-locator';
/**
* `Toolbar renderer` module is used to render toolbar in RichTextEditor.
*
* @hidden
*/
export declare class ToolbarRenderer implements IRenderer {
private mode;
private toolbarPanel;
private itemValue;
private lineHeightDropDown;
private defaultColorPicker;
/**
*
* @hidden
* @private
*/
parent: IRichTextEditor;
private currentElement;
private currentDropdown;
private tooltip;
private l10n;
private tooltipTargetEle;
isDestroyed: boolean;
isEscapeKey: boolean;
private rangeStore;
/**
* Constructor for toolbar renderer module
*
* @param {IRichTextEditor} parent - specifies the parent element.
* @param {ServiceLocator} serviceLocator - specifies the serviceLocator
*/
constructor(parent?: IRichTextEditor, serviceLocator?: ServiceLocator);
private wireEvent;
private destroyTooltip;
private unWireEvent;
private toolbarBeforeCreate;
private toolbarCreated;
private extendedToolbarMouseDownHandler;
private toolbarClicked;
private dropDownSelected;
private beforeDropDownItemRender;
private tooltipBeforeRender;
private dropDownOpen;
private dropDownClose;
private dropDownBeforeClose;
/**
* renderToolbar method
*
* @param {IToolbarOptions} args - specifies the arguments.
* @returns {void}
* @hidden
*/
renderToolbar(args: IToolbarOptions): void;
private positionToolbar;
tooltipBeforeOpen(args: TooltipEventArgs): void;
/**
* renderDropDownButton method
*
* @param {IDropDownModel} args - specifies the the arguments.
* @returns {void}
* @hidden
*/
renderDropDownButton(args: IDropDownModel): DropDownButton;
private findFirstBlockElement;
private mouseOutHandler;
private closeTooltip;
private handleCodeBlockDropdown;
private handleListsDropdown;
/**
* renderSplitButton method
*
* @param {ISplitButtonModel} args - specifies the the arguments.
* @returns {void}
* @hidden
*/
renderSplitButton(args: ISplitButtonModel): SplitButton;
/**
* renderColorPicker method
*
* @param {IColorPickerModel} args - specifies the arguments
* @param {string} item - specifies the string values
* @param {string} toolbarType - Specifies the type of toolbar triggering the color picker.
* @returns {void}
* @hidden
*/
renderColorPicker(args: IColorPickerModel, item: string, toolbarType?: string): ColorPicker;
renderMenu(args: IMenuRenderArgs): {
menu: Menu;
dropDownButton: DropDownButton;
};
private menuItemSelected;
private menuBeforeOpen;
private menuBeforeClose;
private menueDropDownBeforeOpen;
private menueDropDownBeforeClose;
/**
* The function is used to render Rich Text Editor toolbar
*
* @returns {void}
* @hidden
*/
renderPanel(): void;
/**
* Get the toolbar element of RichTextEditor
*
* @returns {Element} - specifies the element.
* @hidden
*/
getPanel(): Element;
/**
* Set the toolbar element of RichTextEditor
*
* @returns {void}
* @param {Element} panel - specifies the element.
* @hidden
*/
setPanel(panel: Element): void;
destroy(): void;
}