Skip to content
Merged
Show file tree
Hide file tree
Changes from all commits
Commits
File filter

Filter by extension

Filter by extension

Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file modified File-Formats/DocIO/Blazor_Images/NugetPackage.png
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
42 changes: 10 additions & 32 deletions File-Formats/DocIO/Convert-Word-Document-to-Image-in-Blazor.md
Original file line number Diff line number Diff line change
Expand Up @@ -199,37 +199,15 @@ Step 2: Now, the project configuration window will popup. Click **Create** butto

Step 3: Install the following **Nuget packages** in your application from [Nuget.org](https://www.nuget.org/).
* [Syncfusion.DocIORenderer.Net.Core](https://www.nuget.org/packages/Syncfusion.DocIORenderer.Net.Core)
* [SkiaSharp.NativeAssets.WebAssembly v2.88.2](https://www.nuget.org/packages/SkiaSharp.NativeAssets.WebAssembly/2.88.2)
* [SkiaSharp.Views.Blazor v2.88.6](https://www.nuget.org/packages/SkiaSharp.Views.Blazor/2.88.6)

![Install Syncfusion.DocIORenderer.Net.Core NuGet Package](Blazor_Images/Nuget-Package-WordtoImage.png)
![Install SkiaSharp.NativeAssets.WebAssembly NuGet Package](Blazor_Images/SkiaSharp-Nuget-WordtoPDF.png)
![Install SkiaSharp.Views.Blazor v2.88.6 NuGet Package](Blazor_Images/NuGet-Package-Convert-WordtoImage.png)

N> Starting with v16.2.0.x, if you reference Syncfusion assemblies from trial setup or from the NuGet feed, you also have to add "Syncfusion.Licensing" assembly reference and include a license key in your projects. Please refer to this [link](https://help.syncfusion.com/common/essential-studio/licensing/overview) to know about registering Syncfusion license key in your application to use our components.

Step 4: Add the following ItemGroup tag in the **Blazor WASM csproj** file.
{% tabs %}

{% highlight XAML %}
<ItemGroup>
<NativeFileReference Include="$(SkiaSharpStaticLibraryPath)\2.0.23\*.a" />
</ItemGroup>
{% endhighlight %}

{% endtabs %}
N> 1. Starting with v16.2.0.x, if you reference Syncfusion assemblies from trial setup or from the NuGet feed, you also have to add "Syncfusion.Licensing" assembly reference and include a license key in your projects. Please refer to this [link](https://help.syncfusion.com/common/essential-studio/licensing/overview) to know about registering Syncfusion license key in your application to use our components.
N> 2. Install this wasm-tools and wasm-tools-net6 by using the "dotnet workload install wasm-tools" and "dotnet workload install wasm-tools-net6" commands in your command prompt respectively if you are facing issues related to Skiasharp during runtime. After installing wasm tools using the above commands, please restart your machine.

N> Install this wasm-tools and wasm-tools-net6 by using the "dotnet workload install wasm-tools" and "dotnet workload install wasm-tools-net6" commands in your command prompt respectively if you are facing issues related to Skiasharp during runtime. After installing wasm tools using the above commands, please restart your machine.

Step 5: Enable the following property in the Blazor WASM csproj file.

{% tabs %}
{% highlight XAML %}
<PropertyGroup>
<WasmNativeStrip>true</WasmNativeStrip>
</PropertyGroup>
{% endhighlight %}
{% endtabs %}

Step 6: Create a razor file with name as ``DocIO`` under ``Pages`` folder and add the following namespaces in the file.
Step 4: Create a razor file with name as ``DocIO`` under ``Pages`` folder and add the following namespaces in the file.

{% tabs %}

Expand All @@ -244,7 +222,7 @@ Step 6: Create a razor file with name as ``DocIO`` under ``Pages`` folder and ad

{% endtabs %}

Step 7: Add the following code to create a new button.
Step 5: Add the following code to create a new button.

{% tabs %}

Expand All @@ -258,7 +236,7 @@ Step 7: Add the following code to create a new button.

{% endtabs %}

Step 8: Create a new async method with name as ``WordToImage`` and include the following code snippet to **convert a Word document to image in Blazor** WASM app.
Step 6: Create a new async method with name as ``WordToImage`` and include the following code snippet to **convert a Word document to image in Blazor** WASM app.

{% tabs %}

Expand Down Expand Up @@ -286,7 +264,7 @@ using (FileStream sourceStreamPath = new FileStream(@"wwwroot/Template.docx", Fi

{% endtabs %}

Step 9: Create a class file with FileUtils name and add the following code to invoke the JavaScript action to download the file in the browser.
Step 7: Create a class file with FileUtils name and add the following code to invoke the JavaScript action to download the file in the browser.

{% tabs %}

Expand All @@ -305,7 +283,7 @@ public static class FileUtils

{% endtabs %}

Step 10: Add the following JavaScript function in the Index.html file present under ``wwwroot``.
Step 8: Add the following JavaScript function in the Index.html file present under ``wwwroot``.

{% tabs %}

Expand Down Expand Up @@ -338,7 +316,7 @@ Step 10: Add the following JavaScript function in the Index.html file present un

{% endtabs %}

Step 11: Add the following code snippet in the razor file of Navigation menu in the Shared folder.
Step 9: Add the following code snippet in the razor file of Navigation menu in the Shared folder.

{% tabs %}

Expand Down
42 changes: 10 additions & 32 deletions File-Formats/DocIO/Convert-Word-Document-to-PDF-in-Blazor.md
Original file line number Diff line number Diff line change
Expand Up @@ -199,37 +199,15 @@ Step 2: Now, the project configuration window will popup. Click Create button to

Step 3:Install the following **Nuget packages** in your application from [Nuget.org](https://www.nuget.org/).
* [Syncfusion.DocIORenderer.Net.Core](https://www.nuget.org/packages/Syncfusion.DocIORenderer.Net.Core)
* [SkiaSharp.NativeAssets.WebAssembly](https://www.nuget.org/packages/SkiaSharp.NativeAssets.WebAssembly)
* [SkiaSharp.Views.Blazor v2.88.6](https://www.nuget.org/packages/SkiaSharp.Views.Blazor/2.88.6)

![Install Syncfusion.DocIORenderer.Net.Core NuGet Package](Blazor_Images/NugetPackage.png)
![Install SkiaSharp.NativeAssets.WebAssembly NuGet Package](Blazor_Images/SkiaSharp-Nuget-WordtoPDF.png)
![Install SkiaSharp.Views.Blazor v2.88.6 NuGet Package](Blazor_Images/NuGet-Package-WordtoPDF.png)

N> Starting with v16.2.0.x, if you reference Syncfusion assemblies from trial setup or from the NuGet feed, you also have to add "Syncfusion.Licensing" assembly reference and include a license key in your projects. Please refer to this [link](https://help.syncfusion.com/common/essential-studio/licensing/overview) to know about registering Syncfusion license key in your application to use our components.

Step 4: Add the following ItemGroup tag in the **Blazor WASM csproj** file.
{% tabs %}

{% highlight XAML %}
<ItemGroup>
<NativeFileReference Include="$(SkiaSharpStaticLibraryPath)\2.0.23\*.a" />
</ItemGroup>
{% endhighlight %}

{% endtabs %}
N> 1. Starting with v16.2.0.x, if you reference Syncfusion assemblies from trial setup or from the NuGet feed, you also have to add "Syncfusion.Licensing" assembly reference and include a license key in your projects. Please refer to this [link](https://help.syncfusion.com/common/essential-studio/licensing/overview) to know about registering Syncfusion license key in your application to use our components.
N> 2. Install this wasm-tools and wasm-tools-net6 by using the "dotnet workload install wasm-tools" and "dotnet workload install wasm-tools-net6" commands in your command prompt respectively if you are facing issues related to Skiasharp during runtime. After installing wasm tools using the above commands, please restart your machine.

N> Install this wasm-tools and wasm-tools-net6 by using the "dotnet workload install wasm-tools" and "dotnet workload install wasm-tools-net6" commands in your command prompt respectively if you are facing issues related to Skiasharp during runtime. After installing wasm tools using the above commands, please restart your machine.

Step 5: Enable the following property in the Blazor WASM csproj file.

{% tabs %}
{% highlight XAML %}
<PropertyGroup>
<WasmNativeStrip>true</WasmNativeStrip>
</PropertyGroup>
{% endhighlight %}
{% endtabs %}

Step 6: Create a razor file with name as ``DocIO`` under ``Pages`` folder and add the following namespaces in the file.
Step 4: Create a razor file with name as ``DocIO`` under ``Pages`` folder and add the following namespaces in the file.

{% tabs %}

Expand All @@ -245,7 +223,7 @@ Step 6: Create a razor file with name as ``DocIO`` under ``Pages`` folder and ad

{% endtabs %}

Step 7: Add the following code to create a new button.
Step 5: Add the following code to create a new button.

{% tabs %}

Expand All @@ -259,7 +237,7 @@ Step 7: Add the following code to create a new button.

{% endtabs %}

Step 8: Create a new async method with name as ``WordToPDF`` and include the following code snippet to **create a Word document in Blazor** WASM app.
Step 6: Create a new async method with name as ``WordToPDF`` and include the following code snippet to **create a Word document in Blazor** WASM app.

{% tabs %}

Expand Down Expand Up @@ -292,7 +270,7 @@ using (Stream inputStream = await client.GetStreamAsync("sample-data/Input.docx"

{% endtabs %}

Step 9: Create a class file with FileUtils name and add the following code to invoke the JavaScript action to download the file in the browser.
Step 7: Create a class file with FileUtils name and add the following code to invoke the JavaScript action to download the file in the browser.

{% tabs %}

Expand All @@ -311,7 +289,7 @@ public static class FileUtils

{% endtabs %}

Step 10: Add the following JavaScript function in the Index.html file present under ``wwwroot``.
Step 8: Add the following JavaScript function in the Index.html file present under ``wwwroot``.

{% tabs %}

Expand Down Expand Up @@ -344,7 +322,7 @@ Step 10: Add the following JavaScript function in the Index.html file present un

{% endtabs %}

Step 11: Add the following code snippet in the razor file of Navigation menu in the Shared folder.
Step 9: Add the following code snippet in the razor file of Navigation menu in the Shared folder.

{% tabs %}

Expand Down
43 changes: 9 additions & 34 deletions File-Formats/Presentation/Convert-PowerPoint-to-Image-in-Blazor.md
Original file line number Diff line number Diff line change
Expand Up @@ -194,41 +194,16 @@ Step 3: Choose Blazor WebAssembly App and click Create button to create a new Bl
Step 4: Install the following **Nuget packages** in your application from [Nuget.org](https://www.nuget.org/).

* [Syncfusion.PresentationRenderer.Net.Core](https://www.nuget.org/packages/Syncfusion.PresentationRenderer.Net.Core)
* [SkiaSharp.NativeAssets.WebAssembly v2.88.6](https://www.nuget.org/packages/SkiaSharp.NativeAssets.WebAssembly/2.88.6)
* [SkiaSharp.Views.Blazor v2.88.6](https://www.nuget.org/packages/SkiaSharp.Views.Blazor/2.88.6)

![Install Syncfusion.PresentationRenderer.Net.Core Nuget Package](Azure_Images/App_Service_Linux/Nuget_Package_PowerPoint_Presentation_to_PDF.png)

![Install SkiaSharp.NativeAssets.WebAssembly v2.88.6 Nuget Package](Workingwith_Blazor/Nuget-Package-PPTXtoPDF.png)
![Install SkiaSharp.Views.Blazor v2.88.6 Nuget Package](Workingwith_Blazor/NuGet_package_PPTXtoPDF.png)

N> Starting with v16.2.0.x, if you reference Syncfusion assemblies from trial setup or from the NuGet feed, you also have to add "Syncfusion.Licensing" assembly reference and include a license key in your projects. Please refer to this [link](https://help.syncfusion.com/common/essential-studio/licensing/overview) to know about registering Syncfusion license key in your application to use our components.

Step 5: Add the following ItemGroup tag in the **Blazor WASM csproj** file.

{% tabs %}
{% highlight XAML %}

<ItemGroup>
<NativeFileReference Include="$(SkiaSharpStaticLibraryPath)\2.0.23\*.a" />
</ItemGroup>

{% endhighlight %}
{% endtabs %}

N> Install this wasm-tools and wasm-tools-net6 by using the "dotnet workload install wasm-tools" and "dotnet workload install wasm-tools-net6" commands in your command prompt respectively if you are facing issues related to Skiasharp during runtime. After installing wasm tools using the above commands, please restart your machine.
N> 1. Starting with v16.2.0.x, if you reference Syncfusion assemblies from trial setup or from the NuGet feed, you also have to add "Syncfusion.Licensing" assembly reference and include a license key in your projects. Please refer to this [link](https://help.syncfusion.com/common/essential-studio/licensing/overview) to know about registering Syncfusion license key in your application to use our components.
N> 2. Install this wasm-tools and wasm-tools-net6 by using the "dotnet workload install wasm-tools" and "dotnet workload install wasm-tools-net6" commands in your command prompt respectively if you are facing issues related to Skiasharp during runtime. After installing wasm tools using the above commands, please restart your machine.

Step 6: Enable the following property in the **Blazor WASM csproj** file.

{% tabs %}
{% highlight XAML %}

<PropertyGroup>
<WasmNativeStrip>true</WasmNativeStrip>
</PropertyGroup>

{% endhighlight %}
{% endtabs %}

Step 7: Create a razor file with name as ``Presentation`` under ``Pages`` folder and add the following namespaces in the file.
Step 5: Create a razor file with name as ``Presentation`` under ``Pages`` folder and add the following namespaces in the file.

{% tabs %}
{% highlight c# tabtitle="C#" %}
Expand All @@ -243,7 +218,7 @@ Step 7: Create a razor file with name as ``Presentation`` under ``Pages`` folder
{% endhighlight %}
{% endtabs %}

Step 8: Add the following code to create a new button.
Step 6: Add the following code to create a new button.

{% tabs %}
{% highlight CSHTML %}
Expand All @@ -255,7 +230,7 @@ Step 8: Add the following code to create a new button.
{% endhighlight %}
{% endtabs %}

Step 9: Create a new async method with name as ``PPTXToImage`` and include the following code snippet to **convert a PowerPoint to image in Blazor WASM app**.
Step 7: Create a new async method with name as ``PPTXToImage`` and include the following code snippet to **convert a PowerPoint to image in Blazor WASM app**.

{% tabs %}
{% highlight c# tabtitle="C#" %}
Expand All @@ -282,7 +257,7 @@ using (Stream inputStream = await client.GetStreamAsync("sample-data/Input.pptx"
{% endhighlight %}
{% endtabs %}

Step 10: To download the PowerPoint presentation in browser, create a class file with FileUtils name and add the following code to invoke the JavaScript action to download the file in the browser.
Step 8: To download the PowerPoint presentation in browser, create a class file with FileUtils name and add the following code to invoke the JavaScript action to download the file in the browser.

{% tabs %}
{% highlight c# tabtitle="C#" %}
Expand All @@ -299,7 +274,7 @@ public static class FileUtils
{% endhighlight %}
{% endtabs %}

Step 11: Add the following JavaScript function in the **Index.html** file present under ``wwwroot``.
Step 9: Add the following JavaScript function in the **Index.html** file present under ``wwwroot``.

{% tabs %}
{% highlight HTML %}
Expand Down
43 changes: 9 additions & 34 deletions File-Formats/Presentation/Convert-PowerPoint-to-PDF-in-Blazor.md
Original file line number Diff line number Diff line change
Expand Up @@ -195,41 +195,16 @@ Step 3: Choose Blazor WebAssembly App and click Create button to create a new Bl
Step 4: Install the following **Nuget packages** in your application from [Nuget.org](https://www.nuget.org/).

* [Syncfusion.PresentationRenderer.Net.Core](https://www.nuget.org/packages/Syncfusion.PresentationRenderer.Net.Core)
* [SkiaSharp.NativeAssets.WebAssembly v2.88.6](https://www.nuget.org/packages/SkiaSharp.NativeAssets.WebAssembly/2.88.6)
* [SkiaSharp.Views.Blazor v2.88.6](https://www.nuget.org/packages/SkiaSharp.Views.Blazor/2.88.6)

![Install Syncfusion.PresentationRenderer.Net.Core Nuget Package](Azure_Images/App_Service_Linux/Nuget_Package_PowerPoint_Presentation_to_PDF.png)

![Install SkiaSharp.NativeAssets.WebAssembly v2.88.6 Nuget Package](Workingwith_Blazor/Nuget-Package-PPTXtoPDF.png)
![Install SkiaSharp.Views.Blazor v2.88.6 Nuget Package](Workingwith_Blazor/NuGet_package_PPTXtoPDF.png)

N> Starting with v16.2.0.x, if you reference Syncfusion assemblies from trial setup or from the NuGet feed, you also have to add "Syncfusion.Licensing" assembly reference and include a license key in your projects. Please refer to this [link](https://help.syncfusion.com/common/essential-studio/licensing/overview) to know about registering Syncfusion license key in your application to use our components.

Step 5: Add the following ItemGroup tag in the **Blazor WASM csproj** file.

{% tabs %}
{% highlight XAML %}

<ItemGroup>
<NativeFileReference Include="$(SkiaSharpStaticLibraryPath)\2.0.23\*.a" />
</ItemGroup>

{% endhighlight %}
{% endtabs %}

N> Install this wasm-tools and wasm-tools-net6 by using the "dotnet workload install wasm-tools" and "dotnet workload install wasm-tools-net6" commands in your command prompt respectively if you are facing issues related to Skiasharp during runtime. After installing wasm tools using the above commands, please restart your machine.
N> 1. Starting with v16.2.0.x, if you reference Syncfusion assemblies from trial setup or from the NuGet feed, you also have to add "Syncfusion.Licensing" assembly reference and include a license key in your projects. Please refer to this [link](https://help.syncfusion.com/common/essential-studio/licensing/overview) to know about registering Syncfusion license key in your application to use our components.
N> 2. Install this wasm-tools and wasm-tools-net6 by using the "dotnet workload install wasm-tools" and "dotnet workload install wasm-tools-net6" commands in your command prompt respectively if you are facing issues related to Skiasharp during runtime. After installing wasm tools using the above commands, please restart your machine.

Step 6: Enable the following property in the **Blazor WASM csproj** file.

{% tabs %}
{% highlight XAML %}

<PropertyGroup>
<WasmNativeStrip>true</WasmNativeStrip>
</PropertyGroup>

{% endhighlight %}
{% endtabs %}

Step 7: Create a razor file with name as ``Presentation`` under ``Pages`` folder and add the following namespaces in the file.
Step 5: Create a razor file with name as ``Presentation`` under ``Pages`` folder and add the following namespaces in the file.

{% tabs %}
{% highlight c# tabtitle="C#" %}
Expand All @@ -245,7 +220,7 @@ Step 7: Create a razor file with name as ``Presentation`` under ``Pages`` folder
{% endhighlight %}
{% endtabs %}

Step 8: Add the following code to create a new button.
Step 6: Add the following code to create a new button.

{% tabs %}
{% highlight CSHTML %}
Expand All @@ -257,7 +232,7 @@ Step 8: Add the following code to create a new button.
{% endhighlight %}
{% endtabs %}

Step 9: Create a new async method with name as ``PPTXToPDF`` and include the following code snippet to **convert a PowerPoint to PDF in Blazor WASM app**.
Step 7: Create a new async method with name as ``PPTXToPDF`` and include the following code snippet to **convert a PowerPoint to PDF in Blazor WASM app**.

{% tabs %}
{% highlight c# tabtitle="C#" %}
Expand Down Expand Up @@ -286,7 +261,7 @@ using (Stream inputStream = await client.GetStreamAsync("sample-data/Input.pptx"
{% endhighlight %}
{% endtabs %}

Step 10: To download the PowerPoint presentation in browser, create a class file with FileUtils name and add the following code to invoke the JavaScript action to download the file in the browser.
Step 8: To download the PowerPoint presentation in browser, create a class file with FileUtils name and add the following code to invoke the JavaScript action to download the file in the browser.

{% tabs %}
{% highlight c# tabtitle="C#" %}
Expand All @@ -303,7 +278,7 @@ public static class FileUtils
{% endhighlight %}
{% endtabs %}

Step 11: Add the following JavaScript function in the **Index.html** file present under ``wwwroot``.
Step 9: Add the following JavaScript function in the **Index.html** file present under ``wwwroot``.

{% tabs %}
{% highlight HTML %}
Expand Down
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.