Skip to content

The Blazor Markdown Editor is an intuitive and light-weight component that allows md to HTML conversion and the content to be in the markdown format.

Notifications You must be signed in to change notification settings

SyncfusionExamples/blazor-markdown-editor-preview

Repository files navigation

Blazor: Live Preview Markdown Editor’s Content Using Markdig Library

The Blazor Markdown Editor is an intuitive and light-weight component that allows md to HTML conversion and 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 component can be used as a Blazor WYSIWYG Markdown Editor (md editor).

This example shows how to integrate the Markdig third-party library into Syncfusion Blazor Rich Text Editor’s Markdown editor (MD editor) to preview the Markdown.

Prerequisites

  • Visual Studio 2022

How to run the project

  • Checkout this project to a location in your disk.
  • Open the solution file using the Visual Studio 2022.
  • Restore the NuGet packages by rebuilding the solution.
  • Run the project.

Further help

To get more help, check out the ASP.NET Core Blazor documentation.

Features and benefits

Markdown syntax

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

Markdown editor toolbar

The Blazor Markdown Editor toolbar provides a variety of commands to format text, insert images, add headers, insert hyperlinks, create lists, and preview results. The commands are grouped based on related functionality.

Editing experience

A wide range of tools and options to create a better editing experience with the markdown content.

Insert markdown table

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.

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.

Related links

Learn More about Blazor Markdown Editor

Download Free Trial

Pricing

Documentation

Online Examples

Watch a How-to Video

Community Forums

Suggest a feature

About Syncfusion Blazor Components

Syncfusion's Blazor components library offers over 70 UI components to work with Blazor server-side and client-side (Blazor WebAssembly) projects seamlessly. We provide popular Blazor components such as DataGrid, Charts, Scheduler, Diagram, Word Processor, and Rich Text Editor.

About Syncfusion

Founded in 2001 and headquartered in Research Triangle Park, N.C., Syncfusion has more than 23,000+ customers and more than 1 million users, including large financial institutions, Fortune 500 companies, and global IT consultancies.

Today, we provide 1600+ controls and frameworks for web (Blazor, ASP.NET Core, ASP.NET MVC, ASP.NET WebForms, JavaScript, Angular, React, Vue, and Flutter), mobile (Xamarin, Flutter, UWP, and JavaScript), and desktop development (Windows Forms, WPF, WinUI(Preview) and UWP). We provide ready-to-deploy enterprise software for dashboards, reports, data integration, and big data processing. Many customers have saved millions in licensing fees by deploying our software.


[email protected] | www.syncfusion.com | 1-888-9 DOTNET

About

The Blazor Markdown Editor is an intuitive and light-weight component that allows md to HTML conversion and the content to be in the markdown format.

Topics

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published