Using TinyMCE from the Tiny Cloud CDN with the Blazor framework

The Official TinyMCE Blazor component integrates TinyMCE into Blazor applications. This procedure creates a basic Blazor application and adds a TinyMCE editor using the TinyMCE Blazor integration. The basic Blazor application is based on the following tutorial: Microsoft .NET Blazor Tutorial - Build your first Blazor app.

Select from the following guides:

Using Visual Studio

This procedure requires:

On the Visual Studio toolbar, click the New Project button.
Select the Blazor Server App template.
Use the NuGet package manager console to install the TinyMCE.Blazor package, such as:
```
Install-Package TinyMCE.Blazor
```
Verify the installation by checking the ItemGroup references in BlazorApp.csproj, such as:

File: BlazorApp.csproj
```
<ItemGroup>
  <PackageReference Include="TinyMCE.Blazor" Version="X.Y.Z" />
</ItemGroup>
```

Add the tinymce-blazor.js script to the main page.

Using Blazor Server add the script in Pages/_Host.cshtml, for example:

<script src="_framework/blazor.server.js"></script>
<script src="_content/TinyMCE.Blazor/tinymce-blazor.js"></script>

Using WASM add the script in wwwroot/index.html, for example:

<script src="_content/TinyMCE.Blazor/tinymce-blazor.js"></script>
<script src="_framework/blazor.webassembly.js"></script>

Add the Editor component to a page by either:

Using the full component and package name

<TinyMCE.Blazor.Editor />

For example:

File: Pages/Index.razor

@page "/"
@using TinyMCE.Blazor

<h1>Hello, world!</h1>
Welcome to your new app.
<Editor />