PhatBrainSoftware.MarkdownEdit 1.0.1

.NET 5.0
dotnet add package PhatBrainSoftware.MarkdownEdit --version 1.0.1
NuGet\Install-Package PhatBrainSoftware.MarkdownEdit -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="PhatBrainSoftware.MarkdownEdit" Version="1.0.1" />
For projects that support PackageReference, copy this XML node into the project file to reference the package.
paket add PhatBrainSoftware.MarkdownEdit --version 1.0.1
#r "nuget: PhatBrainSoftware.MarkdownEdit, 1.0.1"
#r directive can be used in F# Interactive, C# scripting and .NET Interactive. Copy this into the interactive tool or source code of the script to reference the package.
// Install PhatBrainSoftware.MarkdownEdit as a Cake Addin
#addin nuget:?package=PhatBrainSoftware.MarkdownEdit&version=1.0.1

// Install PhatBrainSoftware.MarkdownEdit as a Cake Tool
#tool nuget:?package=PhatBrainSoftware.MarkdownEdit&version=1.0.1


Markdown Text Editor for Blazor applications - Uses Bootstrap, and Markdig.

Getting Setup

You can install the package via the NuGet package manager just search for Blazored.Toast. You can also install via powershell using the following command.

Install-Package PhatBrainSoftware.MarkdownEdit

Or via the dotnet CLI.

dotnet add package PhatBrainSoftware.MarkdownEdit

If you're using Visual Studio you can also install via the built in NuGet package manager.

Add Imports

Add the following to your _Imports.razor

@using PhatBrainSoftware.MarkdownEdit

Basic Example

See code in the Index.razor page in the repo for more examples.

@page "/"

<h1>Hello, world!</h1>

<EditForm Model=@this.Model>

    <MarkdownEdit @ref=@MarkdownEdit @bind-Value=@this.Model.Text ShowHelp=false>
                <ToolbarButton OnClickCallback=@(() => this.MarkdownEdit.InsertTextAsync("# "))><i class="bi-type-h1"></i></ToolbarButton>
                <ToolbarButton OnClickCallback=@(() => this.MarkdownEdit.InsertTextAsync("## "))><i class="bi-type-h2"></i></ToolbarButton>
                <ToolbarButton OnClickCallback=@(() => this.MarkdownEdit.InsertTextAsync("### "))><i class="bi-type-h3"></i></ToolbarButton>
                <ToolbarButton OnClickCallback=@(() => this.MarkdownEdit.WrapTextAsync("**"))><i class="bi-type-bold"></i></ToolbarButton>
                <ToolbarButton OnClickCallback=@(() => this.MarkdownEdit.WrapTextAsync("*"))><i class="bi-type-italic"></i></ToolbarButton>
                <ToolbarButton OnClickCallback=@(() => this.MarkdownEdit.InsertTextAsync("> "))><i class="bi-blockquote-left"></i></ToolbarButton>
                <ToolbarButton OnClickCallback=@(() => this.MarkdownEdit.InsertTextAsync("* "))><i class="bi-list-ul"></i></ToolbarButton>
                <ToolbarButton OnClickCallback=@(() => this.MarkdownEdit.InsertTextAsync("1. "))><i class="bi-list-ol"></i></ToolbarButton>
                <ToolbarButton OnClickCallback=@(() => this.MarkdownEdit.InsertImageAsync())><i class="bi-link"></i></ToolbarButton>
                <ToolbarButton OnClickCallback=@(() => this.MarkdownEdit.InsertLinkAsync())><i class="bi-image"></i></ToolbarButton>


    private MarkdownEdit MarkdownEdit;

    public class TestModel
        public string Text { get; set; } = "Hello, world!";

    public TestModel Model { get; set; }

    protected override void OnInitialized()
        this.Model = new TestModel();
Product Versions
.NET net5.0 net5.0-windows net6.0 net6.0-android net6.0-ios net6.0-maccatalyst net6.0-macos net6.0-tvos net6.0-windows net7.0 net7.0-android net7.0-ios net7.0-maccatalyst net7.0-macos net7.0-tvos net7.0-windows
Compatible target framework(s)
Additional computed target framework(s)
Learn more about Target Frameworks and .NET Standard.

NuGet packages

This package is not used by any NuGet packages.

GitHub repositories

This package is not used by any popular GitHub repositories.

Version Downloads Last updated
1.0.1 348 7/7/2021
1.0.0 207 7/7/2021