MudBlazor.Markdown
8.7.0
dotnet add package MudBlazor.Markdown --version 8.7.0
NuGet\Install-Package MudBlazor.Markdown -Version 8.7.0
<PackageReference Include="MudBlazor.Markdown" Version="8.7.0" />
<PackageVersion Include="MudBlazor.Markdown" Version="8.7.0" />
<PackageReference Include="MudBlazor.Markdown" />
paket add MudBlazor.Markdown --version 8.7.0
#r "nuget: MudBlazor.Markdown, 8.7.0"
#addin nuget:?package=MudBlazor.Markdown&version=8.7.0
#tool nuget:?package=MudBlazor.Markdown&version=8.7.0
Markdown component for MudBlazor
This README covers configuration steps for Blazor Server and Blazor WebAssembly. For images of how the markup component looks like in the browser go to the README of samples.
Getting started
NB! MudBlazor does not work well with the static SSR format because some code is executed in
OnAfterRender
orOnAfterRenderAsync
that is not invoked by default.
Specify@rendermode="InteractiveServer"
on the markdown component to make it work (e.g.<MudMarkdown @rendermode="InteractiveServer" Value="some markdown here" />
)
Install the NuGet package.
dotnet add package MudBlazor.Markdown
Add the following using statement in _Imports.razor
.
@using MudBlazor
Add the following nodes in either App.razor
or MainLayout.razor
.
<MudThemeProvider />
<MudPopoverProvider />
<MudDialogProvider />
<MudSnackbarProvider />
Add the following nodes in Pages/_Host.cstml
(Server) or wwwroot/index.html
(WebAssembly).
In the <head>
node add these CSS stylesheets.
<link href="https://fonts.googleapis.com/css?family=Roboto:300,400,500,700&display=swap" rel="stylesheet" />
<link href="_content/MudBlazor/MudBlazor.min.css" rel="stylesheet" />
<link href="_content/MudBlazor.Markdown/MudBlazor.Markdown.min.css" rel="stylesheet" />
At the bottom of the <body>
node add this JS source.
<script src="_content/MudBlazor/MudBlazor.min.js"></script>
<script src="_content/MudBlazor.Markdown/MudBlazor.Markdown.min.js"></script>
Register MudBlazor services in the DI container.
For the Blazor Server in the Startup.cs
add this method.
public void ConfigureServices(IServiceCollection services)
{
services.AddMudServices();
services.AddMudMarkdownServices();
// Optionally if the default clipboard functionality fails it is possible to add a custom service
// NB! MauiClipboardService is just an example
services.AddMudMarkdownClipboardService<MauiClipboardService>();
}
For the Blazor WebAssembly in the Program.cs
add this method.
var builder = WebAssemblyHostBuilder.CreateDefault(args);
builder.Services.AddMudServices();
builder.Services.AddMudMarkdownServices();
// Optionally if the default clipboard functionality fails it is possible to add a custom service
// NB! MauiClipboardService is just an example
builder.Services.AddMudMarkdownClipboardService<MauiClipboardService>();
Using the component
<MudText Typo="Typo.h3">My markdown</MudText>
<MudMarkdown Value="@Value" />
@code
{
private string Value { get; } = "text *italics* and **bold**";
}
Product | Versions Compatible and additional computed target framework versions. |
---|---|
.NET | net8.0 is compatible. 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. net9.0 is compatible. net9.0-android was computed. net9.0-browser was computed. net9.0-ios was computed. net9.0-maccatalyst was computed. net9.0-macos was computed. net9.0-tvos was computed. net9.0-windows was computed. net10.0 was computed. net10.0-android was computed. net10.0-browser was computed. net10.0-ios was computed. net10.0-maccatalyst was computed. net10.0-macos was computed. net10.0-tvos was computed. net10.0-windows was computed. |
NuGet packages (5)
Showing the top 5 NuGet packages that depend on MudBlazor.Markdown:
Package | Downloads |
---|---|
MudBlazor.Extensions
MudBlazor.Extensions is a small extension library for MudBlazor from https://mudblazor.com/ |
|
Jakar.Extensions.Blazor
Extensions to aid in development. |
|
MedbaseComponents
Shared view code for Medbase projects. |
|
MudMarkdown.Toc
Package Description |
|
MudraX.Blazor.Core
MudraX Blazor Core Library |
GitHub repositories (5)
Showing the top 5 popular GitHub repositories that depend on MudBlazor.Markdown:
Repository | Stars |
---|---|
kurrent-io/KurrentDB
KurrentDB is a database that's engineered for modern software applications and event-driven architectures. Its event-native design simplifies data modeling and preserves data integrity while the integrated streaming engine solves distributed messaging challenges and ensures data consistency.
|
|
DragoQCC/CrucibleC2
A C# Command & Control framework
|
|
fgilde/MudBlazor.Extensions
MudBlazor.Extensions from https://www.mudex.org is a small extension for MudBlazor from https://mudblazor.com
|
|
MindWorkAI/AI-Studio
AI Studio is an independent app for utilizing LLMs.
|
|
JiuLing-zhang/ComputerLock
透明锁屏-锁屏时保持屏幕内容可见!防止误操作,保护隐私。适用于展示、娱乐和安全场景。
|
Version | Downloads | Last Updated |
---|---|---|
8.7.0 | 3,495 | 6/10/2025 |
8.6.0 | 11,289 | 5/1/2025 |
8.5.1.1 | 8,449 | 4/27/2025 |
8.5.1 | 9,655 | 4/19/2025 |
8.0.0 | 44,519 | 1/25/2025 |
7.14.0 | 73,664 | 10/23/2024 |
7.8.0 | 48,526 | 9/7/2024 |
1.0.2 | 88,272 | 6/5/2024 |
1.0.1 | 74,552 | 5/31/2024 |
1.0.0 | 21,594 | 5/19/2024 |
1.0.0-preview.1 | 66 | 6/6/2024 |
0.1.3 | 90,139 | 12/11/2023 |
0.1.2 | 55,315 | 8/6/2023 |
0.1.1 | 40,177 | 5/27/2023 |
0.1.0 | 48,559 | 1/15/2023 |
0.0.12 | 63,063 | 8/28/2022 |
0.0.11 | 41,051 | 7/9/2022 |
0.0.10 | 35,387 | 4/24/2022 |
0.0.9 | 15,035 | 3/24/2022 |
0.0.8 | 19,579 | 1/23/2022 |
0.0.6 | 16,137 | 12/25/2021 |
0.0.5 | 10,934 | 9/13/2021 |
0.0.4 | 3,989 | 8/22/2021 |
0.0.3 | 1,555 | 8/10/2021 |
0.0.2 | 438 | 8/8/2021 |
0.0.1 | 653 | 7/18/2021 |