Calendar Plugin

This example adds a button to the Rich Text Editor's Toolbar that displays a Calendar Control for choosing dates. It also demonstrates how to manage the state of a custom button.

Click the Date button () in the Toolbar to display the Calendar Control, then select a date and it will be placed inside the Editor.

You can also click on a date that has been inserted in the Editor and the Date button will enable. When the Date button is enabled and you click it the corresponding date will be selected in the Calendar Control when it is displayed.

This text field can contain stylized text and graphics. To cycle through all formatting options, use the keyboard shortcut Control + Shift + T to place focus on the toolbar and navigate between option heading names.

Common formatting keyboard shortcuts:

Control Shift B sets text to bold
Control Shift I sets text to italic
Control Shift U underlines text
Control Shift [ aligns text left
Control Shift | centers text
Control Shift ] aligns text right
Control Shift L adds an HTML link
To exit this text editor use the keyboard shortcut Control + Shift + ESC.

You have left the Rich Text Editor.