Skip to content

Commit b0b5061

Browse files
Merge pull request #1482 from syncfusion-content/981355-BlazorUG
981355: Updated UG corrections in Blazor
2 parents 3bc24d5 + d2718fb commit b0b5061

File tree

5 files changed

+48
-46
lines changed

5 files changed

+48
-46
lines changed

Document-Processing/Word/Word-Processor/blazor/faq/unsupported-file-format.md

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -7,9 +7,9 @@ control: DocumentEditor
77
documentation: ug
88
---
99

10-
# Why Do I Get the Unsupported Warning Message When Opening a Document in Blazor?
10+
# Why Do I Get the Unsupported File Warning When Opening a Document ?
1111

12-
If you receive an "The file format you have selected isn't supported. Please choose valid format." message when opening a document in the Document Editor, it typically indicates that the document format is not supported by the current version of the Document Editor. Here are some common reasons for this warning:
12+
If the message “The file format you have selected isnt supported. Please choose a valid format.” appears when opening a document in the Document Editor, it generally indicates that the file is not provided in a supported format for the current workflow. Here are some common reasons include:
1313
1. Unsupported File Format: The document you are trying to open might be in a format that the Document Editor does not support. Ensure you are using a supported format, such as SFDT.
1414
2. Corrupted Document: The document file might be corrupted or improperly formatted. Try opening a different document to see if the issue persists.
1515
To avoid this warning, always use the recommended document formats and features supported by the Document Editor.

Document-Processing/Word/Word-Processor/blazor/getting-started/client-side-application.md

Lines changed: 11 additions & 11 deletions
Original file line numberDiff line numberDiff line change
@@ -1,15 +1,15 @@
11
---
22
layout: post
33
title: Getting Started with DocumentEditor in Blazor WASM App | Syncfusion
4-
description: Checkout and learn about getting started with Blazor DocumentEditor Component in Blazor WebAssembly (WASM) App using Visual Studio and more.
4+
description: Learn how to get started with the Blazor Document Editor component in a Blazor WebAssembly (WASM) application using Visual Studio or Visual Studio Code.
55
platform: document-processing
66
control: DocumentEditor
77
documentation: ug
88
---
99

1010
# Getting Started with Blazor DocumentEditor Component in Blazor WASM
1111

12-
This section briefly explains about how to include [Blazor DocumentEditor](https://www.syncfusion.com/blazor-components/blazor-word-processor) component in your Blazor WebAssembly (WASM) App using Visual Studio and Visual Studio Code.
12+
This section explains how to include the [Blazor DocumentEditor](https://www.syncfusion.com/blazor-components/blazor-word-processor) component in a Blazor WebAssembly (WASM) application using Visual Studio and Visual Studio Code.
1313

1414
{% tabcontents %}
1515

@@ -25,10 +25,10 @@ You can create a **Blazor WebAssembly App** using Visual Studio via [Microsoft T
2525

2626
## Install Syncfusion<sup style="font-size:70%">&reg;</sup> Blazor WordProcessor and Themes NuGet in the App
2727

28-
To add **Blazor DocumentEditor** component in the app, open the NuGet package manager in Visual Studio (*Tools → NuGet Package Manager → Manage NuGet Packages for Solution*), search and install [Syncfusion.Blazor.WordProcessor](https://www.nuget.org/packages/Syncfusion.Blazor.WordProcessor) and [Syncfusion.Blazor.Themes](https://www.nuget.org/packages/Syncfusion.Blazor.Themes/). Alternatively, you can utilize the following package manager command to achieve the same.
28+
To add **Blazor DocumentEditor** component in the app, open NuGet package manager in Visual Studio (*Tools → NuGet Package Manager → Manage NuGet Packages for Solution*), search for and install [Syncfusion.Blazor.WordProcessor](https://www.nuget.org/packages/Syncfusion.Blazor.WordProcessor) and [Syncfusion.Blazor.Themes](https://www.nuget.org/packages/Syncfusion.Blazor.Themes/). Alternatively, you can utilize the following package manager command to achieve the same.
2929

30-
W> <br/> * The Document Editor is not part of the common package. If you wish to use the Document Editor with other components, please import all the components individually.
31-
<br/> * Do not use both `Syncfusion.Blazor` and individual NuGet packages ([Syncfusion.Blazor.WordProcessor](https://www.nuget.org/packages/Syncfusion.Blazor.WordProcessor/)) in the same application. It will throw ambiguous errors while compiling the project.
30+
W> <br/> * The Document Editor is not included in the common package. To use it alongside other components, install the required individual component packages.
31+
<br/> * Do not reference both `Syncfusion.Blazor` and individual NuGet packages ([Syncfusion.Blazor.WordProcessor](https://www.nuget.org/packages/Syncfusion.Blazor.WordProcessor/)) in the same application. This results in ambiguous compile-time errors.
3232

3333
{% tabs %}
3434
{% highlight C# tabtitle="Package Manager" %}
@@ -39,7 +39,7 @@ Install-Package Syncfusion.Blazor.Themes -Version {{ site.releaseversion }}
3939
{% endhighlight %}
4040
{% endtabs %}
4141

42-
N> Syncfusion<sup style="font-size:70%">&reg;</sup> Blazor components are available in [nuget.org](https://www.nuget.org/packages?q=syncfusion.blazor). Refer to [NuGet packages](https://blazor.syncfusion.com/documentation/nuget-packages) topic for available NuGet packages list with component details.
42+
N> Syncfusion<sup style="font-size:70%">&reg;</sup> Blazor components are available on [nuget.org](https://www.nuget.org/packages?q=syncfusion.blazor). Refer to the [NuGet packages](https://blazor.syncfusion.com/documentation/nuget-packages) topic for the complete list of packages and component details.
4343

4444
{% endtabcontent %}
4545

@@ -53,7 +53,7 @@ N> Syncfusion<sup style="font-size:70%">&reg;</sup> Blazor components are availa
5353

5454
You can create a **Blazor WebAssembly App** using Visual Studio Code via [Microsoft Templates](https://learn.microsoft.com/en-us/aspnet/core/blazor/tooling?view=aspnetcore-7.0&pivots=vsc) or the [Syncfusion<sup style="font-size:70%">&reg;</sup> Blazor Extension](https://blazor.syncfusion.com/documentation/visual-studio-code-integration/create-project).
5555

56-
Alternatively, you can create a WebAssembly application using the following command in the terminal(<kbd>Ctrl</kbd>+<kbd>`</kbd>).
56+
Alternatively, create a WebAssembly application using the following terminal commands (<kbd>Ctrl</kbd>+<kbd>`</kbd>).
5757

5858
{% tabs %}
5959

@@ -70,7 +70,7 @@ cd BlazorApp
7070

7171
* Press <kbd>Ctrl</kbd>+<kbd>`</kbd> to open the integrated terminal in Visual Studio Code.
7272
* Ensure you’re in the project root directory where your `.csproj` file is located.
73-
* Run the following command to install a [Syncfusion.Blazor.WordProcessor](https://www.nuget.org/packages/Syncfusion.Blazor.WordProcessor) and [Syncfusion.Blazor.Themes](https://www.nuget.org/packages/Syncfusion.Blazor.Themes/) NuGet package and ensure all dependencies are installed.
73+
* Run the following command to install [Syncfusion.Blazor.WordProcessor](https://www.nuget.org/packages/Syncfusion.Blazor.WordProcessor) and [Syncfusion.Blazor.Themes](https://www.nuget.org/packages/Syncfusion.Blazor.Themes/) NuGet package and ensure all dependencies are installed.
7474

7575
{% tabs %}
7676

@@ -84,15 +84,15 @@ dotnet restore
8484

8585
{% endtabs %}
8686

87-
N> Syncfusion<sup style="font-size:70%">&reg;</sup> Blazor components are available in [nuget.org](https://www.nuget.org/packages?q=syncfusion.blazor). Refer to [NuGet packages](https://blazor.syncfusion.com/documentation/nuget-packages) topic for available NuGet packages list with component details.
87+
N> Syncfusion<sup style="font-size:70%">&reg;</sup> Blazor components are available on [nuget.org](https://www.nuget.org/packages?q=syncfusion.blazor). Refer to the [NuGet packages](https://blazor.syncfusion.com/documentation/nuget-packages) topic for available NuGet packages list with component details.
8888

8989
{% endtabcontent %}
9090

9191
{% endtabcontents %}
9292

9393
## Register Syncfusion<sup style="font-size:70%">&reg;</sup> Blazor Service
9494

95-
Open **~/_Imports.razor** file and import the `Syncfusion.Blazor` and `Syncfusion.Blazor.DocumentEditor` namespace.
95+
Open **~/_Imports.razor** file and import the `Syncfusion.Blazor` and `Syncfusion.Blazor.DocumentEditor` namespaces.
9696

9797
{% tabs %}
9898
{% highlight razor tabtitle="~/_Imports.razor" %}
@@ -103,7 +103,7 @@ Open **~/_Imports.razor** file and import the `Syncfusion.Blazor` and `Syncfusio
103103
{% endhighlight %}
104104
{% endtabs %}
105105

106-
Now, register the Syncfusion<sup style="font-size:70%">&reg;</sup> Blazor Service in the **~/Program.cs** file of your Blazor WebAssembly App.
106+
Now register the Syncfusion<sup style="font-size:70%">&reg;</sup> Blazor Service in the **~/Program.cs** file of your Blazor WebAssembly App.
107107

108108
{% tabs %}
109109
{% highlight C# tabtitle="Blazor WebAssembly App" hl_lines="3 11" %}

Document-Processing/Word/Word-Processor/blazor/getting-started/server-side-application.md

Lines changed: 14 additions & 14 deletions
Original file line numberDiff line numberDiff line change
@@ -1,17 +1,17 @@
11
---
22
layout: post
33
title: Getting Stared with Blazor DocumentEditor Component | Syncfusion
4-
description: Checkout and learn about getting started with Blazor DocumentEditor component in Blazor Server App using Visual Studio and more.
4+
description: Checkout and learn about getting started with Blazor DocumentEditor component in a Blazor Server app using Visual Studio and more.
55
platform: document-processing
66
control: DocumentEditor
77
documentation: ug
88
---
99

1010
# Getting Started with Blazor DocumentEditor Component in Blazor Server
1111

12-
This section briefly explains about how to include [Blazor DocumentEditor](https://www.syncfusion.com/blazor-components/blazor-word-processor) component in your Blazor Server App using Visual Studio and Visual Studio Code.
12+
This section explains how to include the [Blazor DocumentEditor](https://www.syncfusion.com/blazor-components/blazor-word-processor) component in a Blazor Server app using Visual Studio and Visual Studio Code.
1313

14-
To get started quickly with Blazor DocumentEditor component, you can check the video below.
14+
To get started quickly with the Blazor DocumentEditor component, watch the following video.
1515

1616
{% youtube "https://www.youtube.com/watch?v=85rMT46LLgY" %}
1717

@@ -29,9 +29,9 @@ You can create a **Blazor Server App** using Visual Studio via [Microsoft Templa
2929

3030
## Install Syncfusion<sup style="font-size:70%">&reg;</sup> Blazor WordProcessor and Themes NuGet in the App
3131

32-
To add **Blazor DocumentEditor** component in the app, open the NuGet package manager in Visual Studio (*Tools → NuGet Package Manager → Manage NuGet Packages for Solution*), search and install [Syncfusion.Blazor.WordProcessor](https://www.nuget.org/packages/Syncfusion.Blazor.WordProcessor) and [Syncfusion.Blazor.Themes](https://www.nuget.org/packages/Syncfusion.Blazor.Themes/). Alternatively, you can utilize the following package manager command to achieve the same.
32+
To add the **Blazor DocumentEditor** component, open NuGet Package Manager in Visual Studio (*Tools → NuGet Package Manager → Manage NuGet Packages for Solution*), then install [Syncfusion.Blazor.WordProcessor](https://www.nuget.org/packages/Syncfusion.Blazor.WordProcessor) and [Syncfusion.Blazor.Themes](https://www.nuget.org/packages/Syncfusion.Blazor.Themes/). Alternatively, use the following Package Manager commands.
3333

34-
W> <br/> * The Document Editor is not part of the common package. If you wish to use the Document Editor with other components, please import all the components individually.
34+
W> <br/> * The Document Editor is not part of the common package. If you wish to use the Document Editor with other components, install the required individual packages.
3535
<br/> * Do not use both `Syncfusion.Blazor` and individual NuGet packages ([Syncfusion.Blazor.WordProcessor](https://www.nuget.org/packages/Syncfusion.Blazor.WordProcessor/)) in the same application. It will throw ambiguous errors while compiling the project.
3636

3737
{% tabs %}
@@ -43,7 +43,7 @@ Install-Package Syncfusion.Blazor.Themes -Version {{ site.releaseversion }}
4343
{% endhighlight %}
4444
{% endtabs %}
4545

46-
N> Syncfusion<sup style="font-size:70%">&reg;</sup> Blazor components are available in [nuget.org](https://www.nuget.org/packages?q=syncfusion.blazor). Refer to [NuGet packages](https://blazor.syncfusion.com/documentation/nuget-packages) topic for available NuGet packages list with component details.
46+
N> Syncfusion<sup style="font-size:70%">&reg;</sup> Blazor components are available on [nuget.org](https://www.nuget.org/packages?q=syncfusion.blazor). Refer to the [NuGet packages](https://blazor.syncfusion.com/documentation/nuget-packages) topic for available NuGet packages list with component details.
4747

4848
{% endtabcontent %}
4949

@@ -57,7 +57,7 @@ N> Syncfusion<sup style="font-size:70%">&reg;</sup> Blazor components are availa
5757

5858
You can create a **Blazor Server App** using Visual Studio Code via [Microsoft Templates](https://learn.microsoft.com/en-us/aspnet/core/blazor/tooling?view=aspnetcore-7.0&pivots=vsc) or the [Syncfusion<sup style="font-size:70%">&reg;</sup> Blazor Extension](https://blazor.syncfusion.com/documentation/visual-studio-code-integration/create-project).
5959

60-
Alternatively, you can create a Server application using the following command in the terminal(<kbd>Ctrl</kbd>+<kbd>`</kbd>).
60+
Alternatively, you can create a Server application using the following commands in the terminal(<kbd>Ctrl</kbd>+<kbd>`</kbd>).
6161

6262
{% tabs %}
6363

@@ -73,8 +73,8 @@ cd BlazorApp
7373
## Install Syncfusion<sup style="font-size:70%">&reg;</sup> Blazor WordProcessor and Themes NuGet in the App
7474

7575
* Press <kbd>Ctrl</kbd>+<kbd>`</kbd> to open the integrated terminal in Visual Studio Code.
76-
* Ensure you’re in the project root directory where your `.csproj` file is located.
77-
* Run the following command to install a [Syncfusion.Blazor.WordProcessor](https://www.nuget.org/packages/Syncfusion.Blazor.WordProcessor) and [Syncfusion.Blazor.Themes](https://www.nuget.org/packages/Syncfusion.Blazor.Themes/) NuGet package and ensure all dependencies are installed.
76+
* Ensure the terminal is at the project root directory where the `.csproj` file is located.
77+
* Run the following commands to install [Syncfusion.Blazor.WordProcessor](https://www.nuget.org/packages/Syncfusion.Blazor.WordProcessor) and [Syncfusion.Blazor.Themes](https://www.nuget.org/packages/Syncfusion.Blazor.Themes/) NuGet package and ensure all dependencies are installed.
7878

7979
{% tabs %}
8080

@@ -88,15 +88,15 @@ dotnet restore
8888

8989
{% endtabs %}
9090

91-
N> Syncfusion<sup style="font-size:70%">&reg;</sup> Blazor components are available in [nuget.org](https://www.nuget.org/packages?q=syncfusion.blazor). Refer to [NuGet packages](https://blazor.syncfusion.com/documentation/nuget-packages) topic for available NuGet packages list with component details.
91+
N> Syncfusion<sup style="font-size:70%">&reg;</sup> Blazor components are available on [nuget.org](https://www.nuget.org/packages?q=syncfusion.blazor). Refer to [NuGet packages](https://blazor.syncfusion.com/documentation/nuget-packages) topic for available NuGet packages list with component details.
9292

9393
{% endtabcontent %}
9494

9595
{% endtabcontents %}
9696

9797
## Register Syncfusion<sup style="font-size:70%">&reg;</sup> Blazor Service
9898

99-
Open **~/_Imports.razor** file and import the `Syncfusion.Blazor` and `Syncfusion.Blazor.DocumentEditor` namespace.
99+
Open **~/_Imports.razor** file and import the `Syncfusion.Blazor` and `Syncfusion.Blazor.DocumentEditor` namespaces.
100100

101101
{% tabs %}
102102
{% highlight razor tabtitle="~/_Imports.razor" %}
@@ -107,7 +107,7 @@ Open **~/_Imports.razor** file and import the `Syncfusion.Blazor` and `Syncfusio
107107
{% endhighlight %}
108108
{% endtabs %}
109109

110-
Now, register the Syncfusion<sup style="font-size:70%">&reg;</sup> Blazor Service in the **~/Program.cs** file of your Blazor Server App.
110+
Now, register the Syncfusion<sup style="font-size:70%">&reg;</sup> Blazor service in the **~/Program.cs** file of your Blazor Server app.
111111

112112
{% tabs %}
113113
{% highlight c# tabtitle="~/Program.cs" hl_lines="3 9 12" %}
@@ -167,7 +167,7 @@ Note: By default, the SfDocumentEditorContainer component initializes a SfDocume
167167

168168
## Load existing document
169169

170-
To load an existing document during control initialization, use the following code example, which opens a Word document. Convert it to SFDT and load in the editor.
170+
To load an existing document during control initialization, use the following code example, which opens a Word document. Convert it to SFDT and load it in the editor.
171171

172172
{% tabs %}
173173
{% highlight razor %}
@@ -205,4 +205,4 @@ To load an existing document during control initialization, use the following co
205205

206206
N> As per the discussion thread [#30064](https://github.com/dotnet/aspnetcore/issues/30064), null out the reference of streams and other instances when they are no longer required. Using this approach you'll observe the memory go down and become stable.
207207

208-
![Blazor DocumentEditor](../images/blazor-document-editor-component.png)
208+
![Blazor DocumentEditor](../images/blazor-document-editor-component.png)

0 commit comments

Comments
 (0)