HtmlEditor.Blazor 1.0.0

.NET 6.0
dotnet add package HtmlEditor.Blazor --version 1.0.0
NuGet\Install-Package HtmlEditor.Blazor -Version 1.0.0
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="HtmlEditor.Blazor" Version="1.0.0" />
For projects that support PackageReference, copy this XML node into the project file to reference the package.
paket add HtmlEditor.Blazor --version 1.0.0
#r "nuget: HtmlEditor.Blazor, 1.0.0"
#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 HtmlEditor.Blazor as a Cake Addin
#addin nuget:?package=HtmlEditor.Blazor&version=1.0.0

// Install HtmlEditor.Blazor as a Cake Tool
#tool nuget:?package=HtmlEditor.Blazor&version=1.0.0

HtmlEditor.Blazor Getting Started Instructions

1. Install

HtmlEditor Blazor Components are distributed as the HtmlEditor.Blazor nuget package.

You can add them to your project in one of the following ways

Install the package from command line by running

`dotnet add package HtmlEditor.Blazor`

Add the project from the Visual Nuget Package Manager.

2. Import the namespace

Open the _Imports.razor file of your Blazor application and add these two lines @using HtmlEditor and @using HtmlEditor.Blazor.

3. Include a theme

Alternatively you can include <link rel="stylesheet" href="_content/HtmlEditor.Blazor/css/default.css"> which embeds Bootstrap.

4. Include HtmlEditor.Blazor.js

Open the _Host.cshtml file (server-side Blazor) or wwwroot/index.html (client-side WebAssembly Blazor) and include this snippet

<script src="_content/HtmlEditor.Blazor/HtmlEditor.Blazor.js"></script>

5. Use a component

Use any HtmlEditor Blazor component by typing its tag name in a Blazor page e.g. Setting a property

<HtmlEditorComponent UploadUrl="upload/image" Change="@OnChange" Paste="@OnPaste" Execute="@OnExecute" ></HtmlEditorComponent>
@code {

    void OnPaste(HtmlEditorPasteEventArgs args)
    {
     ////
    }

    void OnChange(string html)
    {
      ////
    }

    void OnExecute(HtmlEditorExecuteEventArgs args)
    {
       ////
    }
}
Product Versions
.NET net6.0 net6.0-android net6.0-ios net6.0-maccatalyst net6.0-macos net6.0-tvos net6.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.0 113 9/17/2022