Update Blazor Tiny Cloud page

Author: Sorita Heng

modules/ROOT/partials/integrations/blazor-postinstall.adoc

@@ -9,25 +9,38 @@ _File:_ `+BlazorApp.csproj+`
 </ItemGroup>
 ----
 . Add the `+tinymce-blazor.js+` script to the main page.
-* Using Blazor Server add the script in `+Pages/_Host.cshtml+`, for example:
+* If using the Blazor Web App, add the script in `+Components/App.razor+`, for example:
++
+[source,html]
+----
+<script src="_framework/blazor.web.js"></script>
+<script src="_content/TinyMCE.Blazor/tinymce-blazor.js"></script>
+----
+
+[NOTE]
+The location of the script depends on the type of Blazor app, including Blazor Server and Blazor WebAssembly (WASM) which are not covered in this guide. 
+
+* If using Blazor Server, add the script in `+Pages/_Host.cshtml+`, for example: 
 +
 [source,html]
 ----
 <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:
+* If using WASM, add the script in `+wwwroot/index.html+`, for example:
 +
 [source,html]
 ----
 <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:
+
+. Add the `+Editor+` component to a page by either: 
 * Using the `+using+` directive
 +
 [source,cs]
 ----
+@rendermode InteractiveServer
 @using TinyMCE.Blazor
 <Editor />
 ----
@@ -45,12 +58,15 @@ _File:_ `+Pages/Index.razor+`
 [source,cs]
 ----
 @page "/"
+@rendermode InteractiveServer
 @using TinyMCE.Blazor
 
 <h1>Hello, world!</h1>
 Welcome to your new app.
 <Editor />
 ----
+[IMPORTANT]
+In a Blazor Web App, different render modes determine how components are rendered and how interactivity is handled. To enable JavaScript interactivity, ensure that `+@rendermode InteractiveServer+` is specified in a page component.   
 
 ifeval::["{productSource}" != "cloud"]
 

modules/ROOT/partials/integrations/blazor-quick-start.adoc

@@ -2,9 +2,13 @@ The https://github.com/tinymce/tinymce-blazor[Official {productname} Blazor comp
 
 Select from the following guides:
 
+* xref:using-visual-studio-code[Using Visual Studio Code (VS Code)]
 * xref:using-visual-studio[Using Visual Studio]
 * xref:using-a-command-prompt-or-terminal[Using a command prompt or terminal]
 
+[[using-visual-studio-code]]
+== Using Visual Studio Code (VS Code)
+
 [[using-visual-studio]]
 == Using Visual Studio
 
@@ -18,7 +22,7 @@ This procedure requires:
 === Procedure
 
 . On the Visual Studio toolbar, click the https://docs.microsoft.com/en-us/visualstudio/ide/create-new-project[*New Project* button].
-. Select the *Blazor Server App* template.
+. Select the *Blazor Web App* template and name the project 'BlazorApp'.
 . Use the NuGet package manager console to install the `+TinyMCE.Blazor+` package, such as:
 +
 [source,sh]
@@ -55,7 +59,7 @@ This procedure requires:
 +
 [source,sh]
 ----
-dotnet new blazorserver -o BlazorApp --no-https
+dotnet new blazor -o BlazorApp --no-https
 ----
 . Change into the new application directory:
 +
@@ -90,7 +94,7 @@ include::partial$integrations/blazor-postinstall.adoc[]
 dotnet watch run
 ----
 +
-This will start a local development server, accessible at http://localhost:5000.
+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