Blazorise Markdown API

Parameter	Default	Type
`AriaDescribedBy`	—	`string`
Specifies the aria-describedby attribute value. When set, this value is rendered as-is and overrides help and validation message ids generated by Field and Validation.
`AriaInvalid`	—	`string`
Specifies the aria-invalid attribute value. When set, this value is rendered as-is and overrides the validation-derived aria-invalid state.
`AriaLabelledBy`	—	`string`
Specifies the aria-labelledby attribute value. When set, this value is rendered as-is. Some non-labelable controls can otherwise derive it automatically from a parent FieldLabel or FieldsLabel.
`AriaRequired`	`false`	`bool`
Specifies the aria-required attribute value. When set, this value overrides the required-field state resolved from the parent Validation.
`AutoDownloadFontAwesome`	`null`	`bool?`
If set to true, force downloads Font Awesome (used for icons). If set to false, prevents downloading.
`Autofocus`	`false`	`bool`
Set's the focus to the component after the rendering is done.
`AutoRefresh`	`null`	`MarkdownAutoRefresh`
Useful, when initializing the editor in a hidden DOM node. If set to { delay: 300 }, it will check every 300 ms if the editor is visible and if positive, call CodeMirror's refresh().
`Autosave`	`null`	`MarkdownAutosave`
Saves the text that's being written and will load it back in the future. It will forget the text when the form it's contained in is submitted.
`BlockStyles`	`null`	`MarkdownBlockStyles`
Customize how certain buttons that style blocks of text behave.
`ChildContent`	`null`	`RenderFragment`
Specifies the content to be rendered inside this Markdown.
`Direction`	`"ltr"`	`string`
rtl or ltr. Changes text direction to support right-to-left languages. Defaults to ltr.
`Disabled`	`false`	`bool`
Add the disabled boolean attribute on an input to prevent user interactions and make it appear lighter.
`DisableProgressReport`	`false`	`bool`
Determines whether report progress should be disabled. By enabling this setting, ImageUploadProgressed and ImageUploadWritten callbacks won't be called. Internal file progress won't be tracked. This setting can speed up file transfer considerably.
`ErrorMessages`	`null`	`MarkdownErrorMessages`
Errors displayed to the user, using the errorCallback option, where #image_name#, #image_size# and #image_max_size# will replaced by their respective values, that can be used for customization or internationalization.
`Feedback`	`null`	`RenderFragment`
Placeholder for validation messages.
`ForceSync`	`false`	`bool`
If set to true, force text changes made in EasyMDE to be immediately stored in original text area. Defaults to false.
`HideIcons`	`["side-by-side", "fullscreen"]`	`string[]`
An array of icon names to hide. Can be used to hide specific icons shown by default without completely customizing the toolbar.
`ImageAccept`	`"image/png, image/jpeg"`	`string`
A comma-separated list of mime-types used to check image type before upload (note: never trust client, always check file types at server-side). Defaults to image/png, image/jpeg.
`ImageCSRFToken`	—	`string`
CSRF token to include with AJAX call to upload image. For instance used with Django backend.
`ImageMaxSize`	`1024 * 1024 * 2`	`long`
Maximum image size in bytes, checked before upload (note: never trust client, always check image size at server-side). Defaults to 102410242 (2Mb).
`ImagePathAbsolute`	—	`string`
If set to true, will treat imageUrl from imageUploadFunction and filePath returned from imageUploadEndpoint as an absolute rather than relative path, i.e. not prepend window.location.origin to it.
`ImageTexts`	`null`	`MarkdownImageTexts`
Texts displayed to the user (mainly on the status bar) for the import image feature, where #image_name#, #image_size# and #image_max_size# will replaced by their respective values, that can be used for customization or internationalization.
`ImageUploadEndpoint`	—	`string`
The endpoint where the images data will be sent, via an asynchronous POST request. The server is supposed to save this image, and return a json response.
`IndentWithTabs`	`true`	`bool`
If set to false, indent using spaces instead of tabs. Defaults to true.
`InputStyle`	—	`string`
textarea or contenteditable. Defaults to textarea for desktop and contenteditable for mobile. contenteditable option is necessary to enable nativeSpellcheck.
`InsertTexts`	`null`	`MarkdownInsertTexts`
Customize how certain buttons that insert text behave. Takes an array with two elements. The first element will be the text inserted before the cursor or highlight, and the second element will be inserted after. For example, this is the default link value: ["[", "](http://)"].
`LineNumbers`	`false`	`bool`
If set to true, enables line numbers in the editor.
`LineWrapping`	`true`	`bool`
If set to false, disable line wrapping. Defaults to true.
`MaxHeight`	—	`string`
Sets fixed height for the composition area. minHeight option will be ignored. Should be a string containing a valid CSS value like "500px". Defaults to undefined.
`MaxUploadImageChunkSize`	`20 * 1024`	`int`
Specifies the max chunk size when uploading the file. Take note that if you're using IFileEntry,CancellationToken) you're provided with a stream and should configure the chunk size when handling with the stream. https://docs.microsoft.com/en-us/aspnet/core/blazor/javascript-interoperability/call-dotnet-from-javascript?view=aspnetcore-6.0#stream-from-javascript-to-net
`MinHeight`	`"300px"`	`string`
Sets the minimum height for the composition area, before it starts auto-growing. Should be a string containing a valid CSS value like "500px". Defaults to "300px".
`NativeSpellcheck`	`true`	`bool`
If set to false, disable native spell checker. Defaults to true.
`OnScreenKeyboard`	`false`	`bool`
Enables the on-screen keyboard for this input component. When not explicitly set, the global accessibility option is used. When omitted, uses the global accessibility setting and enabled input types.
`OnScreenKeyboardEnterKeyBehavior`	`Input-dependent`	`OnScreenKeyboardEnterKeyBehavior`
Specifies how the on-screen keyboard enter key should behave for this input component. Possible values:`DefaultNewLineSubmitHideKeyDown` When omitted, uses the cascading override, then the global option, then the input component's behavior.
`OnScreenKeyboardLayout`	`Input-dependent`	`OnScreenKeyboardLayout`
Specifies the on-screen keyboard layout for this input component. When not explicitly set, the global accessibility option is used. Possible values:`TextNumericDecimalEmailUrlTelephone` When omitted, uses the global default layout, then the input component's layout.
`OnScreenKeyboardShowMode`	`Focus`	`OnScreenKeyboardShowMode`
Gets or sets how the on-screen keyboard is shown for this input. Possible values:`DefaultFocusManual` When omitted, uses the global show mode; Default resolves to Focus.
`ParsingConfig`	`null`	`MarkdownParsingConfig`
Adjust settings for parsing the Markdown during editing (not previewing).
`Placeholder`	—	`string`
If set, displays a custom placeholder message.
`PreviewClass`	`"editor-preview"`	`string`
A space-separated strings that will be applied to the preview screen when activated. Defaults to "editor-preview".
`PreviewImagesInEditor`	`false`	`bool`
EasyMDE will show preview of images, false by default, preview for images will appear only for images on separate lines.
`PromptTexts`	`null`	`MarkdownPromptTexts`
Customize the text used to prompt for URLs.
`PromptURLs`	`false`	`bool`
If set to true, a JS alert window appears asking for the link or image URL. Defaults to false.
`ReadOnly`	`false`	`bool`
Add the readonly boolean attribute on an input to prevent modification of the input’s value.
`RenderingConfig`	`null`	`MarkdownRenderingConfig`
Adjust settings for parsing the Markdown during previewing (not editing).
`ScrollbarStyle`	`"native"`	`string`
Chooses a scrollbar implementation. The default is "native", showing native scrollbars. The core library also provides the "null" style, which completely hides the scrollbars. Addons can implement additional scrollbar models.
`SegmentFetchTimeout`	`TimeSpan.FromMinutes( 1 )`	`TimeSpan`
Specifies the Segment Fetch Timeout when uploading the file.
`Shortcuts`	`null`	`MarkdownShortcuts`
Keyboard shortcuts associated with this instance. Defaults to the array of shortcuts.
`ShowIcons`	`["code", "table"]`	`string[]`
An array of icon names to show. Can be used to show specific icons hidden by default without completely customizing the toolbar.
`SideBySideFullscreen`	`false`	`bool`
If set to false, allows side-by-side editing without going into fullscreen. Defaults to false.
`Size`	`Default`	`Size?`
Sets the size of the input control. When omitted, uses the parent Addons size, then the theme input size, then Size.Default.
`SpellChecker`	`true`	`bool`
If set to false, disable the spell checker. Defaults to true
`Status`	`null`	`string[]`
If set to empty array, hide the status bar. Defaults to the array of built-in status bar items. Optionally, you can set an array of status bar items to include, and in what order.
`StyleSelectedText`	`true`	`bool`
If set to false, remove the CodeMirror-selectedtext class from selected lines. Defaults to true.
`SyncSideBySidePreviewScroll`	`true`	`bool`
If set to false, disable syncing scroll in side by side mode. Defaults to true.
`TabIndex`	`null`	`int?`
If defined, indicates that its element can be focused and can participates in sequential keyboard navigation.
`TabSize`	`2`	`int`
If set, customize the tab size. Defaults to 2.
`Theme`	`"easymde"`	`string`
Override the theme. Defaults to easymde.
`Toolbar`	`null`	`RenderFragment`
[Optional] Gets or sets the content of the toolbar.
`ToolbarButtonClassPrefix`	`"mde"`	`string`
Adds a prefix to the toolbar button classes when set. For example, a value of `"mde"` results in `"mde-bold"` for the Bold button.
`ToolbarTips`	`true`	`bool`
If set to false, disable toolbar button tips. Defaults to true.
`UnorderedListStyle`	`"*"`	`string`
can be , - or +. Defaults to .
`UploadImage`	`true`	`bool`
If set to true, enables the image upload functionality, which can be triggered by drag-drop, copy-paste and through the browse-file window (opened when the user click on the upload-image icon). Defaults to true.
`Value`	`null`	`TValue`
Specifies the value inside the input field.
`ValueExpression`	`null`	`Expression<Func<TValue>>`
Specifies an expression that identifies the input value.

Event	Type
`Blur`	`EventCallback<FocusEventArgs>`
The blur event fires when an element has lost focus.
`CustomButtonClicked`	`EventCallback<MarkdownButtonEventArgs>`
Occurs after the custom toolbar button is clicked.
`CustomValidationValue`	`Func<TValue>`
Used to provide custom validation value on which the validation will be processed with the Validator handler. Should be used carefully as it's only meant for some special cases when input is used in a wrapper component, like Autocomplete or SelectList.
`ErrorCallback`	`Func<string, Task>`
A callback function used to define how to display an error message. Defaults to (errorMessage) => alert(errorMessage).
`FocusIn`	`EventCallback<FocusEventArgs>`
Notifies when the input box gains focus.
`FocusOut`	`EventCallback<FocusEventArgs>`
Notifies when the input box loses focus.
`ImageUploadChanged`	`Func<FileChangedEventArgs, Task>`
Occurs every time the selected image has changed.
`ImageUploadEnded`	`Func<FileEndedEventArgs, Task>`
Provides a callback when an individual image upload has ended.
`ImageUploadProgressed`	`Func<FileProgressedEventArgs, Task>`
Notifies the progress of image being written to the destination stream.
`ImageUploadStarted`	`Func<FileStartedEventArgs, Task>`
Provides a callback when an individual image upload has started.
`ImageUploadWritten`	`Func<FileWrittenEventArgs, Task>`
Occurs every time the part of image has being written to the destination stream.
`KeyDown`	`EventCallback<KeyboardEventArgs>`
Notifies when a key is pressed down while the control has focus.
`KeyPress`	`EventCallback<KeyboardEventArgs>`
Notifies when a key is pressed while the control has focus.
`KeyUp`	`EventCallback<KeyboardEventArgs>`
Notifies when a key is released while the control has focus.
`OnFocus`	`EventCallback<FocusEventArgs>`
Notifies when the input box gains or loses focus.
`PreviewRender`	`Func<string, Task<string>>`
Custom function for parsing the plaintext Markdown and returning HTML. Used when user previews.
`ValueChanged`	`EventCallback<TValue>`
Occurs after value has changed.

Method	Return	Parameters
`GetValueAsync`	`Task<string>`	—
Gets the markdown value.
`OpenReadStream`	`Stream`	`IFileEntry fileEntry, CancellationToken cancellationToken`
Opens the stream for reading the uploaded file.
`RemoveFileEntry`	`Task`	`IFileEntry fileEntry, CancellationToken cancellationToken`
Removes the file entry from js dictionary.
`SetValueAsync`	`Task`	`string value`
Sets the markdown value.
`UpdateFileEndedAsync`	`Task`	`IFileEntry fileEntry, bool success, FileInvalidReason fileInvalidReason`
Notifies the component that file upload has ended.
`UpdateFileProgressAsync`	`Task`	`IFileEntry fileEntry, long progressProgress`
Updated the component with the latest upload progress.
`UpdateFileStartedAsync`	`Task`	`IFileEntry fileEntry`
Notifies the component that file upload is about to start.
`UpdateFileWrittenAsync`	`Task`	`IFileEntry fileEntry, long position, byte[] data`
Updates component with the latest file data.
`WriteToStreamAsync`	`Task`	`IFileEntry fileEntry, Stream stream, CancellationToken cancellationToken`
Writes the file data to the target stream.
`ShowOnScreenKeyboard`	`Task`	`bool focus`
Shows the on-screen keyboard for this input.
`Focus`	`Task`	`bool scrollToElement`
Sets the focus on the underline element.
`Revalidate`	`Task`	—
Forces the Validation (if any is used) to re-validate with the new custom or internal value.

Blazorise Markdown API

API

Parameters

Events

Methods

On this page