We use cookies to give you the best experience on our website. If you continue to browse, then you agree to our privacy policy and cookie policy. Image for the cookie policy date
Syncfusion Feedback


Overview

Blazor Markdown Editor is an intuitive and light-weight component that provides option for md to HTML conversion. It allows the content to be in the markdown format. The typed markdown syntax content can be previewed using a third-party plugin. The Blazor Rich Text Editor control can be used as a Blazor WYSIWYG Markdown Editor (md editor).


Blazor Markdown Editor Syntax

Markdown syntax

The Blazor WYSIWYG Markdown Editor supports customized markdown syntax (md syntax) and maps to built-in commands.


Markdown editor toolbar

The Blazor Markdown Editor toolbar provides a variety of commands for editing and formatting the content. You can format text, insert images, add headers, insert hyperlinks, create lists, and preview results. The commands are grouped together based on related functionality.

The Blazor Markdown Editor with Multi-row Toolbar.

Multi-row toolbar

The excess toolbar commands are wrapped in the next rows within toolbar in the Markdown text editor.

The Blazor Markdown Editor with Expanded Toolbar.

Expand toolbar

The overflow toolbar commands hidden in the next row become visible when the toolbar is expanded via the expand icon.

The Blazor Markdown Editor with Floating Toolbar.

Floating the toolbar

The Blazor WYSIWYG markdown editor toolbar doesn’t stick with top of the editor, but floats within the editor area while scrolling the editor page.

The Blazor Markdown Editor with Custom Tools.

Custom tools

Users can also add their own commands (tools) with actions to the toolbar along with the built-in commands to enhance the markdown text editor.


Editing experience

The Blazor Markdown Editor component provides a wide range of tools and options to create a better editing experience with markdown content.

Formatting commands

You can apply formatting to selected content, whole paragraphs, or specific words or characters:

  • Apply formatting to headings, quotations, code, paragraphs.
  • Bold, italicize, underline, or strikethrough selected words.

Insert images in Blazor Markdown Editor.

Insert images

You can insert images in the Blazor Markdown editor from a local path or server path with image alt text and then link URLs to the images.

Insert Markdown Hyperlinks in Blazor Markdown Editor.

Insert or change the hyperlinks with display text in markdown syntax.


Insert Table in Blazor Markdown Editor

Insert markdown table

You can insert tables with rows and columns in the Markdown editor to display grid-like tabular data.


Adding lists

Create ordered (numbered) or unordered (bulleted) lists to organize content markdown syntax.

Insert Markdown List in Blazor Markdown Editor.


Themeable markdown editor

The Blazor Markdown Editor component is shipped with several built-in themes such as material, bootstrap, fabric (Office 365), and high contrast. Users can customize any one of these built-in themes or create new themes to achieve their own desired look and feel either by simply overriding SASS variables or using our Theme Studio application.

Markdown character count

The Blazor Markdown Editor allows users to restrict the content’s maximum number of characters.


Struggling to decide on the right product?

Our comprehensive competitor comparison of Blazor components will guide you to the perfect choice.

tick-mark 85+ UI components
tick-mark 960+ interactive Blazor demos
tick-mark 2M+ downloads
competitive-banner-FT-image

Blazor Components – 85+ UI and DataViz Components

Scroll up icon