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.