Blazor Rich Text Editor Example - Inline Editor
This sample demonstrates the toolbar shown in inline mode. The toolbar appears when you select the editable content and hides when focus is removed from the edit area.
The Blazor Rich Text Editor provides an option to display the toolbar on demand by setting the Enable property of RichTextEditorInlineMode. The commands displayed in the inline toolbar can be customized by setting the Items property of RichTextEditorToolbarSettings.
Supported Keyboard Shortcuts:
FORMATTING
- Ctrl + B - Applies bold formatting.
- Ctrl + I - Applies italic formatting.
- Ctrl + U - Applies underline formatting.
- Ctrl + Shift + S - Applies strikethrough formatting.
- Ctrl + ] - Increases the indent.
- Ctrl + [ - Decreases the indent.
- Ctrl + Shift + U - Changes text to uppercase.
- Ctrl + Shift + L - Changes text to 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 formatting from the selection.
ALIGNMENTS
- Ctrl + E - Aligns content to the center.
- Ctrl + J - Aligns content to justify.
- Ctrl + L - Aligns content to the left.
- Ctrl + R - Aligns content to the right.
CLIPBOARD ACTION
- Ctrl + C - Copies selected content from the editor.
- Ctrl + X - Cuts selected content from the editor.
- Ctrl + V - Pastes 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 full-screen mode.
SOURCE CODE VIEW
- Ctrl + Shift + H - Shows the HTML source.