From 6ad3eb17cecef428888c54b8ce2eef6cd21eb952 Mon Sep 17 00:00:00 2001 From: Sorita Heng Date: Mon, 12 May 2025 17:48:36 +1000 Subject: [PATCH 01/16] Update Blazor Tiny Cloud page --- .../integrations/blazor-postinstall.adoc | 22 ++++++++++++++++--- .../integrations/blazor-quick-start.adoc | 10 ++++++--- 2 files changed, 26 insertions(+), 6 deletions(-) diff --git a/modules/ROOT/partials/integrations/blazor-postinstall.adoc b/modules/ROOT/partials/integrations/blazor-postinstall.adoc index ff54231f25..36901d1bf8 100644 --- a/modules/ROOT/partials/integrations/blazor-postinstall.adoc +++ b/modules/ROOT/partials/integrations/blazor-postinstall.adoc @@ -9,25 +9,38 @@ _File:_ `+BlazorApp.csproj+` ---- . 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] +---- + + +---- + +[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] ---- ---- -* 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] ---- ---- -. 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 ---- @@ -45,12 +58,15 @@ _File:_ `+Pages/Index.razor+` [source,cs] ---- @page "/" +@rendermode InteractiveServer @using TinyMCE.Blazor

Hello, world!

Welcome to your new app. ---- +[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"] diff --git a/modules/ROOT/partials/integrations/blazor-quick-start.adoc b/modules/ROOT/partials/integrations/blazor-quick-start.adoc index a9810722de..56e7a00653 100644 --- a/modules/ROOT/partials/integrations/blazor-quick-start.adoc +++ b/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 From 15beac234fe3385aaba3f4528207d4daf9249303 Mon Sep 17 00:00:00 2001 From: Sorita Heng Date: Tue, 13 May 2025 13:39:59 +1000 Subject: [PATCH 02/16] Add instructions for VS Code --- .../integrations/blazor-postinstall.adoc | 38 +++++++++++++------ .../integrations/blazor-quick-start.adoc | 25 +++++++++++- 2 files changed, 51 insertions(+), 12 deletions(-) diff --git a/modules/ROOT/partials/integrations/blazor-postinstall.adoc b/modules/ROOT/partials/integrations/blazor-postinstall.adoc index 36901d1bf8..e620430b96 100644 --- a/modules/ROOT/partials/integrations/blazor-postinstall.adoc +++ b/modules/ROOT/partials/integrations/blazor-postinstall.adoc @@ -1,6 +1,4 @@ -. Verify the installation by checking the `+ItemGroup+` references in `+BlazorApp.csproj+`, such as: -+ -_File:_ `+BlazorApp.csproj+` +. Verify the installation by checking the `+ItemGroup+` references in the project file. For example, if the project is named _BlazorApp_, the relevant file would be `+BlazorApp.csproj+` with the dependency referenced as follows: + [source,xml] ---- @@ -8,16 +6,16 @@ _File:_ `+BlazorApp.csproj+` ---- -. Add the `+tinymce-blazor.js+` script to the main page. -* If using the Blazor Web App, add the script in `+Components/App.razor+`, for example: +. Add the `+tinymce-blazor.js+` script to the main page. If using the Blazor Web App, add the script in `+Components/App.razor+`, for example: + [source,html] ---- ---- - ++ [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: @@ -34,17 +32,33 @@ The location of the script depends on the type of Blazor app, including Blazor S ---- +==== ++ -. Add the `+Editor+` component to a page by either: -* Using the `+using+` directive +. Add the `+Editor+` component to a page by either: +* Using the `+using+` directive: ++ +[source,cs] +---- +@using TinyMCE.Blazor + +---- ++ +For example: ++ +_File:_ `+Pages/Index.razor+` + [source,cs] ---- +@page "/" @rendermode InteractiveServer @using TinyMCE.Blazor + +

Hello, world!

+Welcome to your new app. ---- -* Using the full component and package name +* Using the component with its namespace: + [source,cs] ---- @@ -64,9 +78,11 @@ _File:_ `+Pages/Index.razor+`

Hello, world!

Welcome to your new app. ----- +---- ++ [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. +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"] diff --git a/modules/ROOT/partials/integrations/blazor-quick-start.adoc b/modules/ROOT/partials/integrations/blazor-quick-start.adoc index 56e7a00653..b89027fa2d 100644 --- a/modules/ROOT/partials/integrations/blazor-quick-start.adoc +++ b/modules/ROOT/partials/integrations/blazor-quick-start.adoc @@ -9,6 +9,29 @@ Select from the following guides: [[using-visual-studio-code]] == Using Visual Studio Code (VS Code) +=== Prerequisites + +This procedure requires: + +* https://code.visualstudio.com/[Visual Studio Code (VS Code)^] +* https://dotnet.microsoft.com/en-us/download[.NET SDK^] +* https://learn.microsoft.com/en-us/visualstudio/subscriptions/vs-c-sharp-dev-kit[C# Dev Kit VS Code Extension^] + +Alternatively, the https://learn.microsoft.com/en-us/dotnet/core/install/windows#install-with-visual-studio-code[.NET WinGet Configuration file^] can be downloaded to install the necessary dependencies. + +=== Procedure + +. In VS Code, open the Command Palette by pressing `+Ctrl+Shift+P+`. Find `.NET: New Project` and select it to create a new project. +. Select *Blazor Web App* from the list of templates and follow the steps to set up the project. +. Using the Command Palette, find and select `.NuGet: Add NuGet Package`. Enter `+TinyMCE.Blazor+` and select the package along with the version to install. + +ifeval::["{productSource}" == "package-manager"] + +. To use the self-hosted version of `{productName}`, install the `{productname}` package from the Command Pallette. +endif::[] +include::partial$integrations/blazor-postinstall.adoc[] + + [[using-visual-studio]] == Using Visual Studio @@ -22,7 +45,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 Web App* template and name the project 'BlazorApp'. +. Select the *Blazor Web App* template and follow the steps to set up the project. . Use the NuGet package manager console to install the `+TinyMCE.Blazor+` package, such as: + [source,sh] From ba2afc430be0c4cda7363252270baa88434d5528 Mon Sep 17 00:00:00 2001 From: Sorita Heng Date: Tue, 13 May 2025 14:27:36 +1000 Subject: [PATCH 03/16] Update quick start content structure and add Zip instruction --- .../integrations/blazor-quick-start.adoc | 16 ++++++++++++---- 1 file changed, 12 insertions(+), 4 deletions(-) diff --git a/modules/ROOT/partials/integrations/blazor-quick-start.adoc b/modules/ROOT/partials/integrations/blazor-quick-start.adoc index b89027fa2d..54cbc162be 100644 --- a/modules/ROOT/partials/integrations/blazor-quick-start.adoc +++ b/modules/ROOT/partials/integrations/blazor-quick-start.adoc @@ -29,8 +29,6 @@ ifeval::["{productSource}" == "package-manager"] . To use the self-hosted version of `{productName}`, install the `{productname}` package from the Command Pallette. endif::[] -include::partial$integrations/blazor-postinstall.adoc[] - [[using-visual-studio]] == Using Visual Studio @@ -63,7 +61,6 @@ Install-Package TinyMCE ---- endif::[] -include::partial$integrations/blazor-postinstall.adoc[] . To test the application, run the application by pressing *Ctrl+F5*. @@ -107,7 +104,6 @@ dotnet add package TinyMCE ---- endif::[] -include::partial$integrations/blazor-postinstall.adoc[] . Test the application using the .NET development server. * To start the development server, in the project's root directory, run: @@ -120,6 +116,18 @@ 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_. + +ifeval::["{productSource}" == "zip"] + +== Download {productName} Zip + +To use the self-hosted version of `{productName}`, download the https://www.tiny.cloud/my-account/downloads/[{productname} zip^]. Unzip the content and place it in the project, such as in the `+wwwroot+` folder for storing public static assets. +endif::[] + +== Post-installation + +include::partial$integrations/blazor-postinstall.adoc[] + == Next Steps For information on customizing the integration, see: From ea39d63a004692dcde7a8e7a1c1ffefd1a6bba33 Mon Sep 17 00:00:00 2001 From: Sorita Heng <69398037+soritaheng@users.noreply.github.com> Date: Tue, 13 May 2025 17:00:47 +1000 Subject: [PATCH 04/16] Update modules/ROOT/partials/integrations/blazor-quick-start.adoc Co-authored-by: Karl Kemister-Sheppard --- modules/ROOT/partials/integrations/blazor-quick-start.adoc | 6 +++--- 1 file changed, 3 insertions(+), 3 deletions(-) diff --git a/modules/ROOT/partials/integrations/blazor-quick-start.adoc b/modules/ROOT/partials/integrations/blazor-quick-start.adoc index 54cbc162be..f24734a6cd 100644 --- a/modules/ROOT/partials/integrations/blazor-quick-start.adoc +++ b/modules/ROOT/partials/integrations/blazor-quick-start.adoc @@ -13,9 +13,9 @@ Select from the following guides: This procedure requires: -* https://code.visualstudio.com/[Visual Studio Code (VS Code)^] -* https://dotnet.microsoft.com/en-us/download[.NET SDK^] -* https://learn.microsoft.com/en-us/visualstudio/subscriptions/vs-c-sharp-dev-kit[C# Dev Kit VS Code Extension^] +* link:https://code.visualstudio.com/[Visual Studio Code (VS Code)^] +* link:https://dotnet.microsoft.com/en-us/download[.NET SDK^] +* link:https://learn.microsoft.com/en-us/visualstudio/subscriptions/vs-c-sharp-dev-kit[C# Dev Kit VS Code Extension^] Alternatively, the https://learn.microsoft.com/en-us/dotnet/core/install/windows#install-with-visual-studio-code[.NET WinGet Configuration file^] can be downloaded to install the necessary dependencies. From f561d5cdb633f732315d667c552cc0b88281ae29 Mon Sep 17 00:00:00 2001 From: Sorita Heng <69398037+soritaheng@users.noreply.github.com> Date: Tue, 13 May 2025 17:01:51 +1000 Subject: [PATCH 05/16] Update modules/ROOT/partials/integrations/blazor-quick-start.adoc Co-authored-by: Karl Kemister-Sheppard --- modules/ROOT/partials/integrations/blazor-quick-start.adoc | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/modules/ROOT/partials/integrations/blazor-quick-start.adoc b/modules/ROOT/partials/integrations/blazor-quick-start.adoc index f24734a6cd..5b303b16d8 100644 --- a/modules/ROOT/partials/integrations/blazor-quick-start.adoc +++ b/modules/ROOT/partials/integrations/blazor-quick-start.adoc @@ -17,7 +17,7 @@ This procedure requires: * link:https://dotnet.microsoft.com/en-us/download[.NET SDK^] * link:https://learn.microsoft.com/en-us/visualstudio/subscriptions/vs-c-sharp-dev-kit[C# Dev Kit VS Code Extension^] -Alternatively, the https://learn.microsoft.com/en-us/dotnet/core/install/windows#install-with-visual-studio-code[.NET WinGet Configuration file^] can be downloaded to install the necessary dependencies. +Alternatively, the link:https://learn.microsoft.com/en-us/dotnet/core/install/windows#install-with-visual-studio-code[.NET WinGet Configuration file^] can be downloaded to install the necessary dependencies. === Procedure From ef2cd63f73b0aa4ecbe05e8d6db01ce7d10357eb Mon Sep 17 00:00:00 2001 From: Sorita Heng <69398037+soritaheng@users.noreply.github.com> Date: Tue, 13 May 2025 17:02:12 +1000 Subject: [PATCH 06/16] Update modules/ROOT/partials/integrations/blazor-quick-start.adoc Co-authored-by: Karl Kemister-Sheppard --- modules/ROOT/partials/integrations/blazor-quick-start.adoc | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/modules/ROOT/partials/integrations/blazor-quick-start.adoc b/modules/ROOT/partials/integrations/blazor-quick-start.adoc index 5b303b16d8..4979335908 100644 --- a/modules/ROOT/partials/integrations/blazor-quick-start.adoc +++ b/modules/ROOT/partials/integrations/blazor-quick-start.adoc @@ -27,7 +27,7 @@ Alternatively, the link:https://learn.microsoft.com/en-us/dotnet/core/install/wi ifeval::["{productSource}" == "package-manager"] -. To use the self-hosted version of `{productName}`, install the `{productname}` package from the Command Pallette. +. To use the self-hosted version of `{productname}`, install the `{productname}` package from the Command Pallette. endif::[] [[using-visual-studio]] From 196a57e11f6e59bf5b7eaf8f9d54f71fb043fed5 Mon Sep 17 00:00:00 2001 From: Sorita Heng <69398037+soritaheng@users.noreply.github.com> Date: Tue, 13 May 2025 17:02:22 +1000 Subject: [PATCH 07/16] Update modules/ROOT/partials/integrations/blazor-quick-start.adoc Co-authored-by: Karl Kemister-Sheppard --- modules/ROOT/partials/integrations/blazor-quick-start.adoc | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/modules/ROOT/partials/integrations/blazor-quick-start.adoc b/modules/ROOT/partials/integrations/blazor-quick-start.adoc index 4979335908..230d771a7b 100644 --- a/modules/ROOT/partials/integrations/blazor-quick-start.adoc +++ b/modules/ROOT/partials/integrations/blazor-quick-start.adoc @@ -42,7 +42,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]. +. On the Visual Studio toolbar, click the link:https://docs.microsoft.com/en-us/visualstudio/ide/create-new-project[*New Project* button]. . Select the *Blazor Web App* template and follow the steps to set up the project. . Use the NuGet package manager console to install the `+TinyMCE.Blazor+` package, such as: + From fe7f982bb0b98582eb733cfed86c9912a5d06d1f Mon Sep 17 00:00:00 2001 From: Sorita Heng <69398037+soritaheng@users.noreply.github.com> Date: Tue, 13 May 2025 17:02:31 +1000 Subject: [PATCH 08/16] Update modules/ROOT/partials/integrations/blazor-quick-start.adoc Co-authored-by: Karl Kemister-Sheppard --- modules/ROOT/partials/integrations/blazor-quick-start.adoc | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/modules/ROOT/partials/integrations/blazor-quick-start.adoc b/modules/ROOT/partials/integrations/blazor-quick-start.adoc index 230d771a7b..e976f8635c 100644 --- a/modules/ROOT/partials/integrations/blazor-quick-start.adoc +++ b/modules/ROOT/partials/integrations/blazor-quick-start.adoc @@ -62,7 +62,7 @@ Install-Package TinyMCE endif::[] -. To test the application, run the application by pressing *Ctrl+F5*. +. To test the application, run the application by pressing `+Ctrl+F5+`. [[using-a-command-prompt-or-terminal]] == Using a command prompt or terminal From 3e79b806a7c35b8aec016781eccf97f87386045e Mon Sep 17 00:00:00 2001 From: Sorita Heng <69398037+soritaheng@users.noreply.github.com> Date: Tue, 13 May 2025 17:02:40 +1000 Subject: [PATCH 09/16] Update modules/ROOT/partials/integrations/blazor-quick-start.adoc Co-authored-by: Karl Kemister-Sheppard --- modules/ROOT/partials/integrations/blazor-quick-start.adoc | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/modules/ROOT/partials/integrations/blazor-quick-start.adoc b/modules/ROOT/partials/integrations/blazor-quick-start.adoc index e976f8635c..bc039b34ab 100644 --- a/modules/ROOT/partials/integrations/blazor-quick-start.adoc +++ b/modules/ROOT/partials/integrations/blazor-quick-start.adoc @@ -119,7 +119,7 @@ This will start a local development server accessible at `http://localhost:{PORT ifeval::["{productSource}" == "zip"] -== Download {productName} Zip +== Download {productname} Zip To use the self-hosted version of `{productName}`, download the https://www.tiny.cloud/my-account/downloads/[{productname} zip^]. Unzip the content and place it in the project, such as in the `+wwwroot+` folder for storing public static assets. endif::[] From 9933563cb595d3594d3e16815d7201e84ceca4ec Mon Sep 17 00:00:00 2001 From: Sorita Heng <69398037+soritaheng@users.noreply.github.com> Date: Tue, 13 May 2025 17:02:48 +1000 Subject: [PATCH 10/16] Update modules/ROOT/partials/integrations/blazor-quick-start.adoc Co-authored-by: Karl Kemister-Sheppard --- modules/ROOT/partials/integrations/blazor-quick-start.adoc | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/modules/ROOT/partials/integrations/blazor-quick-start.adoc b/modules/ROOT/partials/integrations/blazor-quick-start.adoc index bc039b34ab..e6140f83c8 100644 --- a/modules/ROOT/partials/integrations/blazor-quick-start.adoc +++ b/modules/ROOT/partials/integrations/blazor-quick-start.adoc @@ -121,7 +121,7 @@ ifeval::["{productSource}" == "zip"] == Download {productname} Zip -To use the self-hosted version of `{productName}`, download the https://www.tiny.cloud/my-account/downloads/[{productname} zip^]. Unzip the content and place it in the project, such as in the `+wwwroot+` folder for storing public static assets. +To use the self-hosted version of `{productname}`, download the link:https://www.tiny.cloud/my-account/downloads/[{productname} zip^]. Unzip the content and place it in the project, such as in the `+wwwroot+` folder for storing public static assets. endif::[] == Post-installation From c69942681f2d08cf64ce5b514253150ee16c57f0 Mon Sep 17 00:00:00 2001 From: Sorita Heng Date: Tue, 13 May 2025 17:11:08 +1000 Subject: [PATCH 11/16] Add 'link:' prefix to hyperlinks --- .../ROOT/partials/integrations/blazor-quick-start.adoc | 10 +++++----- 1 file changed, 5 insertions(+), 5 deletions(-) diff --git a/modules/ROOT/partials/integrations/blazor-quick-start.adoc b/modules/ROOT/partials/integrations/blazor-quick-start.adoc index e6140f83c8..8532fc5627 100644 --- a/modules/ROOT/partials/integrations/blazor-quick-start.adoc +++ b/modules/ROOT/partials/integrations/blazor-quick-start.adoc @@ -1,4 +1,4 @@ -The https://github.com/tinymce/tinymce-blazor[Official {productname} Blazor component] integrates {productname} into https://dotnet.microsoft.com/apps/aspnet/web-apps/blazor[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: https://dotnet.microsoft.com/learn/aspnet/blazor-tutorial/[Microsoft .NET Blazor Tutorial - Build your first Blazor app]. +The link:https://github.com/tinymce/tinymce-blazor[Official {productname} Blazor component^] integrates {productname} into link:https://dotnet.microsoft.com/apps/aspnet/web-apps/blazor[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: link:https://dotnet.microsoft.com/learn/aspnet/blazor-tutorial/[Microsoft .NET Blazor Tutorial - Build your first Blazor app^]. Select from the following guides: @@ -37,12 +37,12 @@ endif::[] This procedure requires: -* https://docs.microsoft.com/en-us/visualstudio/windows/[Microsoft Visual Studio] -* https://docs.microsoft.com/en-us/dotnet/core/install/[Microsoft .NET] +* link:https://docs.microsoft.com/en-us/visualstudio/windows/[Microsoft Visual Studio^] +* link:https://docs.microsoft.com/en-us/dotnet/core/install/[Microsoft .NET^] === Procedure -. On the Visual Studio toolbar, click the link:https://docs.microsoft.com/en-us/visualstudio/ide/create-new-project[*New Project* button]. +. On the Visual Studio toolbar, click the link:https://docs.microsoft.com/en-us/visualstudio/ide/create-new-project[*New Project* button^]. . Select the *Blazor Web App* template and follow the steps to set up the project. . Use the NuGet package manager console to install the `+TinyMCE.Blazor+` package, such as: + @@ -71,7 +71,7 @@ endif::[] This procedure requires: -* https://docs.microsoft.com/en-us/dotnet/core/install/[Microsoft .NET] +* link:https://docs.microsoft.com/en-us/dotnet/core/install/[Microsoft .NET^] === Procedure From 51ea988cb18357a90dbfc7472871650c1268de08 Mon Sep 17 00:00:00 2001 From: Sorita Heng Date: Tue, 13 May 2025 17:36:57 +1000 Subject: [PATCH 12/16] Add step to include either the API key or License Key based on product source --- .../integrations/blazor-postinstall.adoc | 19 +++++++++++++++++++ 1 file changed, 19 insertions(+) diff --git a/modules/ROOT/partials/integrations/blazor-postinstall.adoc b/modules/ROOT/partials/integrations/blazor-postinstall.adoc index e620430b96..e6b8ac4d19 100644 --- a/modules/ROOT/partials/integrations/blazor-postinstall.adoc +++ b/modules/ROOT/partials/integrations/blazor-postinstall.adoc @@ -84,7 +84,26 @@ Welcome to your new app. 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"] +. Update the `+ApiKey+` option in the editor element and include your link:{accountsignup}/[{cloudname} API key]. + ++ +[source,cs] +---- + +---- ++ +endif::[] + ifeval::["{productSource}" != "cloud"] +. Update the `+LicenseKey+` option in the editor element and include your and include your xref:license-key.adoc[License Key]. + ++ +[source,cs] +---- + +---- ++ . To load {productname} from the self-hosted package instead of the {cloudname}, configure the `+ScriptSrc+` property: + From 644b381a5a21c174b9263bfbb06003fe77330bdb Mon Sep 17 00:00:00 2001 From: Karl Kemister-Sheppard Date: Wed, 14 May 2025 08:56:53 +1000 Subject: [PATCH 13/16] Update modules/ROOT/partials/integrations/blazor-postinstall.adoc --- modules/ROOT/partials/integrations/blazor-postinstall.adoc | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/modules/ROOT/partials/integrations/blazor-postinstall.adoc b/modules/ROOT/partials/integrations/blazor-postinstall.adoc index e6b8ac4d19..16cfea5e32 100644 --- a/modules/ROOT/partials/integrations/blazor-postinstall.adoc +++ b/modules/ROOT/partials/integrations/blazor-postinstall.adoc @@ -96,7 +96,7 @@ ifeval::["{productSource}" == "cloud"] endif::[] ifeval::["{productSource}" != "cloud"] -. Update the `+LicenseKey+` option in the editor element and include your and include your xref:license-key.adoc[License Key]. +. Update the `+LicenseKey+` option in the editor element and include your xref:license-key.adoc[License Key]. + [source,cs] From b555a4efbe89dc923ec50deb1ea98c796b13ace0 Mon Sep 17 00:00:00 2001 From: Karl Kemister-Sheppard Date: Wed, 14 May 2025 09:03:48 +1000 Subject: [PATCH 14/16] Update modules/ROOT/partials/integrations/blazor-postinstall.adoc --- modules/ROOT/partials/integrations/blazor-postinstall.adoc | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/modules/ROOT/partials/integrations/blazor-postinstall.adoc b/modules/ROOT/partials/integrations/blazor-postinstall.adoc index 16cfea5e32..008f3854d7 100644 --- a/modules/ROOT/partials/integrations/blazor-postinstall.adoc +++ b/modules/ROOT/partials/integrations/blazor-postinstall.adoc @@ -90,7 +90,7 @@ ifeval::["{productSource}" == "cloud"] + [source,cs] ---- - + ---- + endif::[] From db0725c102e472a76c48d990ac0d32f6594397b2 Mon Sep 17 00:00:00 2001 From: Karl Kemister-Sheppard Date: Wed, 14 May 2025 09:15:06 +1000 Subject: [PATCH 15/16] DOC-3186: replace your-api-key with no-api-key. --- modules/ROOT/partials/integrations/blazor-tech-ref.adoc | 4 ++-- 1 file changed, 2 insertions(+), 2 deletions(-) diff --git a/modules/ROOT/partials/integrations/blazor-tech-ref.adoc b/modules/ROOT/partials/integrations/blazor-tech-ref.adoc index d42c495e88..9022dea6e7 100644 --- a/modules/ROOT/partials/integrations/blazor-tech-ref.adoc +++ b/modules/ROOT/partials/integrations/blazor-tech-ref.adoc @@ -18,7 +18,7 @@ The `+TinyMCE.Blazor+` `+Editor+` component accepts the following properties: Disable=false JsConfSrc="path_to_jsObj" Conf="@yourConf" - ApiKey="your-api-key" + ApiKey="no-api-key" LicenseKey="your-license-key" ScriptSrc="/path/to/tinymce.min.js" ClassName="tinymce-wrapper" @@ -40,7 +40,7 @@ None of the configuration properties are required for the TinyMCE Blazor integra [source,cs] ---- ---- From 008557019785b16bf077b5a1f2f5d0a6addeba34 Mon Sep 17 00:00:00 2001 From: Sorita Heng Date: Wed, 14 May 2025 17:59:27 +1000 Subject: [PATCH 16/16] Fix missing tag in example code --- modules/ROOT/partials/integrations/blazor-postinstall.adoc | 4 ++-- 1 file changed, 2 insertions(+), 2 deletions(-) diff --git a/modules/ROOT/partials/integrations/blazor-postinstall.adoc b/modules/ROOT/partials/integrations/blazor-postinstall.adoc index 008f3854d7..212562feaf 100644 --- a/modules/ROOT/partials/integrations/blazor-postinstall.adoc +++ b/modules/ROOT/partials/integrations/blazor-postinstall.adoc @@ -55,7 +55,7 @@ _File:_ `+Pages/Index.razor+` @using TinyMCE.Blazor

Hello, world!

-Welcome to your new app. +

Welcome to your new app.

---- * Using the component with its namespace: @@ -76,7 +76,7 @@ _File:_ `+Pages/Index.razor+` @using TinyMCE.Blazor

Hello, world!

-Welcome to your new app. +

Welcome to your new app.

---- +