Example of Inline Editor in Blazor Rich Text Editor Component
This sample demonstrates the toolbar shown in inline mode. The toolbar will appear when you select the below editable content and it will hide when you focus out from the edit area.
The Blazor Rich Text Editor provides an option to display toolbar on demand by setting Enable property of RichTextEditorInlineMode.
The commands displayed in inline toolbar can be customized by setting Items property of RichTextEditorToolbarSettings.
- FORMATTING
- Ctrl + B - Applies bold formatting.
- Ctrl + I - Applies italic formatting.
- Ctrl + U - Applies to underline formatting.
- Ctrl + Shift + S - Applies strikethrough formatting.
- Ctrl + ] - Increases the indent.
- Ctrl + [ - Decreases the indent.
- Ctrl + Shift + U - Changes the texts as uppercase.
- Ctrl + Shift + L - Changes the texts as lowercase.
- Ctrl + Shift + = - Applies superscript formatting.
- Ctrl + = - Applies subscript formatting.
- Ctrl + Shift + O - Applies ordered list formatting.
- Ctrl + Alt + O - Applies unordered list formatting.
- Ctrl + Shift + R - Clears the formats from the selection.
- ALIGNMENTS
- Ctrl + E - Aligns contents into the center.
- Ctrl + J - Aligns contents into justify full.
- Ctrl + L - Aligns contents into left.
- Ctrl + R - Aligns contents into right.
- CLIPBOARD ACTION
- Ctrl + C - Copies the selected content from the editor.
- Ctrl + X - Cuts the selected content from the editor.
- Ctrl + V - Pastes the content into the editor.
- INSERT
- Ctrl + K - Opens the insert link dialog.
- Ctrl + Shift + I - Opens the insert image dialog.
- Ctrl + Shift + E - Opens the insert table dialog.
- UNDO/REDO
- Ctrl + Z - Performs the undo action.
- Ctrl + Y - Performs the redo action.
- FULLSCREEN
- Ctrl + Shift + F - Enters full-screen mode.
- Esc - Exits from the full-screen mode.
- SOURCE CODE VIEW
- Ctrl + Shift + H - Shows the HTML source.