PSC.Blazor.Components.MarkdownEditor 1.0.1

There is a newer version of this package available.
See the version list below for details.
dotnet add package PSC.Blazor.Components.MarkdownEditor --version 1.0.1
NuGet\Install-Package PSC.Blazor.Components.MarkdownEditor -Version 1.0.1
This command is intended to be used within the Package Manager Console in Visual Studio, as it uses the NuGet module's version of Install-Package.
<PackageReference Include="PSC.Blazor.Components.MarkdownEditor" Version="1.0.1" />
For projects that support PackageReference, copy this XML node into the project file to reference the package.
paket add PSC.Blazor.Components.MarkdownEditor --version 1.0.1
#r "nuget: PSC.Blazor.Components.MarkdownEditor, 1.0.1"
#r directive can be used in F# Interactive and Polyglot Notebooks. Copy this into the interactive tool or source code of the script to reference the package.
// Install PSC.Blazor.Components.MarkdownEditor as a Cake Addin
#addin nuget:?package=PSC.Blazor.Components.MarkdownEditor&version=1.0.1

// Install PSC.Blazor.Components.MarkdownEditor as a Cake Tool
#tool nuget:?package=PSC.Blazor.Components.MarkdownEditor&version=1.0.1

Blazor Markdown Editor

This is a Markdown Editor for use in Blazor. It contains a live preview as well as an embeded help guide for users.

Usage

Add the Editor to your _Imports.razor

@using PSC.Blazor.Components.MarkdownEditor

Then, inside of an EditForm reference the editor component and bind it.

<EditForm OnValidSubmit="DoSave" Model="model">
    <MarkdownEditor @bind-Value="model.Comments"/>
</EditForm>

The editor binds the markdown text, not parsed HTML.

The toolbar is added by default. You can disable this by passing EnableToolbar="false" into the component.

Screenshot

Write Markdown text image

Preview image

Product Compatible and additional computed target framework versions.
.NET net5.0 is compatible.  net5.0-windows was computed.  net6.0 was computed.  net6.0-android was computed.  net6.0-ios was computed.  net6.0-maccatalyst was computed.  net6.0-macos was computed.  net6.0-tvos was computed.  net6.0-windows was computed.  net7.0 was computed.  net7.0-android was computed.  net7.0-ios was computed.  net7.0-maccatalyst was computed.  net7.0-macos was computed.  net7.0-tvos was computed.  net7.0-windows was computed.  net8.0 was computed.  net8.0-android was computed.  net8.0-browser was computed.  net8.0-ios was computed.  net8.0-maccatalyst was computed.  net8.0-macos was computed.  net8.0-tvos was computed.  net8.0-windows was computed. 
Compatible target framework(s)
Included target framework(s) (in package)
Learn more about Target Frameworks and .NET Standard.

NuGet packages

This package is not used by any NuGet packages.

GitHub repositories (1)

Showing the top 1 popular GitHub repositories that depend on PSC.Blazor.Components.MarkdownEditor:

Repository Stars
FritzAndFriends/TagzApp
An application that discovers content on social media for hashtags
Version Downloads Last updated
8.0.0 60 4/18/2024
2.0.20 396 4/11/2024
2.0.19 7,994 10/23/2023
2.0.18 350 10/13/2023
2.0.17 1,140 10/3/2023
2.0.15 102 10/3/2023
2.0.14 103 10/3/2023
2.0.13 202 9/30/2023
2.0.12 311 9/22/2023
2.0.11 11,763 6/8/2023
2.0.10 17,066 5/16/2022
2.0.9 965 3/3/2022
2.0.8 431 2/22/2022
2.0.7 426 2/22/2022
2.0.6 525 1/25/2022
2.0.5 437 1/25/2022
2.0.4 432 1/21/2022
2.0.3 459 1/11/2022
2.0.2 431 1/11/2022
2.0.1 432 1/11/2022
1.0.1 403 11/5/2021

Simple Markdown editor with preview