MarkdownEditor
FreeText area with a formatting toolbar and a live preview, for people who write Markdown instead of rich text. The preview uses the Markdown component, so all text is escaped and only safe links are kept. It works with EditForm like the other inputs.
Example
Parameters
| Parameter | Type | Description |
|---|---|---|
Class | string | Extra CSS classes added to the root element. |
Disabled | bool | Disables interaction. |
DisplayName | string | Name used in validation messages. |
HelperText | string | Hint shown below the field. |
Label | string | Visible label text (charts: accessible name; IconButton: accessible name and tooltip). |
Mode | MarkdownEditorMode | Edit, Split (default) or Preview. The user can change it with the toggle. |
Placeholder | string | Placeholder shown when the field is empty. |
ReadOnly | bool | Shows the value but does not allow changes. |
Rows | int | Height of the text area in rows. |
Style | string | Inline style added to the root element. |
Value | string | Current value. Use with @bind-Value. |
Events
| Event | Type | Description |
|---|---|---|
ValueChanged | EventCallback<string> | Raised when the value changes. |
Package
MarkdownEditor is part of RayCraft Free. Package: RayCraft.Blazor. It comes from nuget.org. See Getting started.
Send feedbackVersion 1.0.3