This sample demonstrates a Mail Composer application built using Rich Text Editor UI and the Bootstrap 3 grid. Users can select recipients using MultiSelect components, enter a subject, compose rich email content, insert links, images, tables, and use Slash Commands to quickly create and format content before sending or discarding the email. A Toast notification confirms the action and the composer is cleared afterwards.
This sample showcases Rich Text Editor UI as a modern email composing experience. It combines recipient selection, subject entry, rich text editing, image insertion, table creation, links, lists, and slash command functionality to provide a complete email authoring interface.
Recipients - Select one or more recipients using the MultiSelect component in the To and Cc fields.
Subject - Specify the subject of the email message.
Links - Insert hyperlinks into the email content.
Images - Insert and manage images within the email body.
Tables - Create and edit tables for structured content.
Lists - Create ordered and unordered lists using NumberFormatList and BulletFormatList tools.
Formatting - Apply font family, font size, font color, background color, and heading formats.
Alignment - Align content using left, center, right, and justified alignment options.
Undo/Redo - Revert or reapply editing operations.
Subscript/Superscript - Format selected text as subscript or superscript.
Slash Command - Type / within the editor to quickly access content insertion and formatting commands.
Send Mail - Collect recipient information, subject, and editor content, display a success toast, and clear the composer.
Discard - Clear the recipients, subject, and editor content without sending the email.