Skip to content

blazor-quick-start.adoc

Latest commit

 

History

History
136 lines (96 loc) · 4.45 KB

blazor-quick-start.adoc

File metadata and controls

136 lines (96 loc) · 4.45 KB

The Official {productname} Blazor component integrates {productname} into Blazor applications. This procedure creates a basic Blazor application and adds a {productname} editor using the {productname} 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 Code (VS Code)

Prerequisites

This procedure requires:

Alternatively, the .NET WinGet Configuration file can be downloaded to install the necessary dependencies.

Procedure

  1. In VS Code, open the Command Palette by pressing Ctrl+Shift+P. Find .NET: New Project and select it to create a new project.

  2. Select Blazor Web App from the list of templates and follow the steps to set up the project.

  3. Using the Command Palette, find and select .NuGet: Add NuGet Package. Enter TinyMCE.Blazor and select the package along with the version to install.

Using Visual Studio

Prerequisites

This procedure requires:

Procedure

  1. On the Visual Studio toolbar, click the New Project button.

  2. Select the Blazor Web App template and follow the steps to set up the project.

  3. Use the NuGet package manager console to install the TinyMCE.Blazor package, such as:

    Install-Package TinyMCE.Blazor

  4. To test the application, run the application by pressing Ctrl+F5.

Using a command prompt or terminal

Prerequisites

This procedure requires:

Procedure

  1. Create a new Blazor project:

    dotnet new blazor -o BlazorApp --no-https

  2. Change into the new application directory:

    cd BlazorApp

  3. Install the {productname} Blazor integration:

    dotnet add package TinyMCE.Blazor

  4. Test the application using the .NET development server.

    • To start the development server, in the project’s root directory, run:

      dotnet watch run

      This will start a local development server accessible at http://localhost:{PORT}, where {PORT} is specified in the project’s Properties/launchSettings.json file.

    • To stop the development server, select on the command line or command prompt and press Ctrl+C.

Next Steps

For information on customizing the integration, see: