Skip to content

Commit fdd952b

Browse files
Merge pull request #167 from Venkateshmuruganandam/main
Sample Added for Table of Figures in DocIO
2 parents 58c1027 + 8d4184c commit fdd952b

File tree

4 files changed

+22
-62
lines changed

4 files changed

+22
-62
lines changed

Word-to-Image-conversion/Convert-Word-to-image/Blazor/Client-side-application/Convert-Word-to-Image/Convert-Word-to-Image.csproj

Lines changed: 2 additions & 7 deletions
Original file line numberDiff line numberDiff line change
@@ -4,18 +4,13 @@
44
<TargetFramework>net6.0</TargetFramework>
55
<Nullable>enable</Nullable>
66
<ImplicitUsings>enable</ImplicitUsings>
7-
<WasmNativeStrip>true</WasmNativeStrip>
87
</PropertyGroup>
98

109
<ItemGroup>
1110
<PackageReference Include="Microsoft.AspNetCore.Components.WebAssembly" Version="6.0.12" />
1211
<PackageReference Include="Microsoft.AspNetCore.Components.WebAssembly.DevServer" Version="6.0.12" PrivateAssets="all" />
13-
<PackageReference Include="SkiaSharp.NativeAssets.WebAssembly" Version="2.88.2" />
14-
<PackageReference Include="Syncfusion.DocIORenderer.Net.Core" Version="20.4.0.38" />
15-
</ItemGroup>
16-
17-
<ItemGroup>
18-
<NativeFileReference Include="$(SkiaSharpStaticLibraryPath)\2.0.23\*.a" />
12+
<PackageReference Include="SkiaSharp.Views.Blazor" Version="2.88.6" />
13+
<PackageReference Include="Syncfusion.DocIORenderer.Net.Core" Version="*" />
1914
</ItemGroup>
2015

2116
</Project>

Word-to-Image-conversion/Convert-Word-to-image/Blazor/Client-side-application/README.md

Lines changed: 9 additions & 24 deletions
Original file line numberDiff line numberDiff line change
@@ -8,30 +8,15 @@ Steps to convert Word document to images in Blazor WebAssembly (WASM)
88

99
1. Create a new C# Blazor WebAssembly App in Visual Studio.
1010
2. Install the [Syncfusion.DocIORenderer.Net.Core](https://www.nuget.org/packages/Syncfusion.DocIORenderer.Net.Core) NuGet package as a reference to your Blazor application from [NuGet.org](https://www.nuget.org/).
11-
3. Install the [SkiaSharp.NativeAssets.WebAssembly](https://www.nuget.org/packages/SkiaSharp.NativeAssets.WebAssembly) NuGet package as a reference to your Blazor application from [NuGet.org](https://www.nuget.org/).
12-
4. Add the following ItemGroup tag in the [Blazor WASM csproj](https://github.com/SyncfusionExamples/DocIO-Examples/blob/main/Word-to-Image-conversion/Convert-Word-to-image/Blazor/Client-side-application/Convert-Word-to-Image/Convert-Word-to-Image.csproj) file.
13-
14-
```xml
15-
<ItemGroup>
16-
<NativeFileReference Include="$(SkiaSharpStaticLibraryPath)\2.0.23\*.a" />
17-
</ItemGroup>
18-
```
11+
3. Install the [SkiaSharp.Views.Blazor v2.88.6](https://www.nuget.org/packages/SkiaSharp.Views.Blazor/2.88.6) NuGet package as a reference to your Blazor application from [NuGet.org](https://www.nuget.org/).
1912

2013
> **Note:** Install this `wasm-tools` and `wasm-tools-net6` by using `dotnet workload install wasm-tools` and `dotnet workload install wasm-tools-net6` commands in your command prompt respectively, while facing issues related to skiasharp, during runtime.
2114
22-
5. Enable the following property in the [Blazor WASM csproj](https://github.com/SyncfusionExamples/DocIO-Examples/blob/main/Word-to-Image-conversion/Convert-Word-to-image/Blazor/Client-side-application/Convert-Word-to-Image/Convert-Word-to-Image.csproj) file.
23-
24-
```xml
25-
<PropertyGroup>
26-
<WasmNativeStrip>true</WasmNativeStrip>
27-
</PropertyGroup>
28-
```
29-
30-
6. Create a [razor](https://github.com/SyncfusionExamples/DocIO-Examples/blob/main/Word-to-Image-conversion/Convert-Word-to-image/Blazor/Client-side-application/Convert-Word-to-Image/Pages/DocIO.razor) file named as DocIO under the **Pages** folder and add the namespaces in the file.
31-
7. Add the code to create a button.
32-
8. Create a new async method with the name WordToImage and include the code sample to convert a Word document to images.
33-
9. Create a [class](https://github.com/SyncfusionExamples/DocIO-Examples/blob/main/Word-to-Image-conversion/Convert-Word-to-image/Blazor/Client-side-application/Convert-Word-to-Image/FileUtils.cs) file with FileUtils name and add the code to invoke the JavaScript action to download the file in the browser.
34-
10. Add the JavaScript function in the [Index.html](https://github.com/SyncfusionExamples/DocIO-Examples/blob/main/Word-to-Image-conversion/Convert-Word-to-image/Blazor/Client-side-application/Convert-Word-to-Image/wwwroot/index.html) file present under the **wwwroot** folder.
35-
11. Add the code sample in the [razor](https://github.com/SyncfusionExamples/DocIO-Examples/blob/main/Word-to-Image-conversion/Convert-Word-to-image/Blazor/Client-side-application/Convert-Word-to-Image/Shared/NavMenu.razor) file of the Navigation menu in the **Shared** folder.
36-
12. Rebuild the solution.
37-
13. Run the application.
15+
4. Create a [razor](https://github.com/SyncfusionExamples/DocIO-Examples/blob/main/Word-to-Image-conversion/Convert-Word-to-image/Blazor/Client-side-application/Convert-Word-to-Image/Pages/DocIO.razor) file named as DocIO under the **Pages** folder and add the namespaces in the file.
16+
5. Add the code to create a button.
17+
6. Create a new async method with the name WordToImage and include the code sample to convert a Word document to images.
18+
7. Create a [class](https://github.com/SyncfusionExamples/DocIO-Examples/blob/main/Word-to-Image-conversion/Convert-Word-to-image/Blazor/Client-side-application/Convert-Word-to-Image/FileUtils.cs) file with FileUtils name and add the code to invoke the JavaScript action to download the file in the browser.
19+
8. Add the JavaScript function in the [Index.html](https://github.com/SyncfusionExamples/DocIO-Examples/blob/main/Word-to-Image-conversion/Convert-Word-to-image/Blazor/Client-side-application/Convert-Word-to-Image/wwwroot/index.html) file present under the **wwwroot** folder.
20+
9. Add the code sample in the [razor](https://github.com/SyncfusionExamples/DocIO-Examples/blob/main/Word-to-Image-conversion/Convert-Word-to-image/Blazor/Client-side-application/Convert-Word-to-Image/Shared/NavMenu.razor) file of the Navigation menu in the **Shared** folder.
21+
10. Rebuild the solution.
22+
11. Run the application.

Word-to-PDF-Conversion/Convert-Word-document-to-PDF/Blazor/WASM-app/Convert-Word-to-PDF/Convert-Word-to-PDF.csproj

Lines changed: 2 additions & 7 deletions
Original file line numberDiff line numberDiff line change
@@ -4,18 +4,13 @@
44
<TargetFramework>net6.0</TargetFramework>
55
<Nullable>enable</Nullable>
66
<ImplicitUsings>enable</ImplicitUsings>
7-
<WasmNativeStrip>true</WasmNativeStrip>
87
</PropertyGroup>
98

109
<ItemGroup>
1110
<PackageReference Include="Microsoft.AspNetCore.Components.WebAssembly" Version="6.0.12" />
1211
<PackageReference Include="Microsoft.AspNetCore.Components.WebAssembly.DevServer" Version="6.0.12" PrivateAssets="all" />
13-
<PackageReference Include="SkiaSharp.NativeAssets.WebAssembly" Version="2.88.2" />
14-
<PackageReference Include="Syncfusion.DocIORenderer.Net.Core" Version="20.4.0.38" />
15-
</ItemGroup>
16-
17-
<ItemGroup>
18-
<NativeFileReference Include="$(SkiaSharpStaticLibraryPath)\2.0.23\*.a" />
12+
<PackageReference Include="SkiaSharp.Views.Blazor" Version="2.88.6" />
13+
<PackageReference Include="Syncfusion.DocIORenderer.Net.Core" Version="*" />
1914
</ItemGroup>
2015

2116
</Project>

Word-to-PDF-Conversion/Convert-Word-document-to-PDF/Blazor/WASM-app/README.md

Lines changed: 9 additions & 24 deletions
Original file line numberDiff line numberDiff line change
@@ -8,30 +8,15 @@ Steps to convert Word document to PDF in Blazor WebAssembly (WASM)
88

99
1. Create a new C# Blazor WebAssembly App in Visual Studio.
1010
2. Install the [Syncfusion.DocIORenderer.Net.Core](https://www.nuget.org/packages/Syncfusion.DocIORenderer.Net.Core) NuGet package as a reference to your Blazor application from [NuGet.org](https://www.nuget.org/).
11-
3. Install the [SkiaSharp.NativeAssets.WebAssembly](https://www.nuget.org/packages/SkiaSharp.NativeAssets.WebAssembly) NuGet package as a reference to your Blazor application from [NuGet.org](https://www.nuget.org/).
12-
4. Add the following ItemGroup tag in the [Blazor WASM csproj](https://github.com/SyncfusionExamples/DocIO-Examples/blob/main/Word-to-PDF-Conversion/Convert-Word-document-to-PDF/Blazor/Client-side-application/Convert-Word-to-PDF/Convert-Word-to-PDF.csproj) file.
13-
14-
```xml
15-
<ItemGroup>
16-
<NativeFileReference Include="$(SkiaSharpStaticLibraryPath)\2.0.23\*.a" />
17-
</ItemGroup>
18-
```
11+
3. Install the [SkiaSharp.Views.Blazor v2.88.6](https://www.nuget.org/packages/SkiaSharp.Views.Blazor/2.88.6) NuGet package as a reference to your Blazor application from [NuGet.org](https://www.nuget.org/).
1912

2013
> **Note:** Install this `wasm-tools` and `wasm-tools-net6` by using `dotnet workload install wasm-tools` and `dotnet workload install wasm-tools-net6` commands in your command prompt respectively, while facing issues related to skiasharp, during runtime.
2114
22-
5. Enable the following property in the [Blazor WASM csproj](https://github.com/SyncfusionExamples/DocIO-Examples/blob/main/Word-to-PDF-Conversion/Convert-Word-document-to-PDF/Blazor/Client-side-application/Convert-Word-to-PDF/Convert-Word-to-PDF.csproj) file.
23-
24-
```xml
25-
<PropertyGroup>
26-
<WasmNativeStrip>true</WasmNativeStrip>
27-
</PropertyGroup>
28-
```
29-
30-
6. Create a [razor](https://github.com/SyncfusionExamples/DocIO-Examples/blob/main/Word-to-PDF-Conversion/Convert-Word-document-to-PDF/Blazor/Client-side-application/Convert-Word-to-PDF/Pages/DocIO.razor) file named as DocIO under the **Pages** folder and add the namespaces in the file.
31-
7. Add the code to create a button.
32-
8. Create a new async method with the name WordToPDF and include the code sample to convert a Word document to PDF.
33-
9. Create a [class](https://github.com/SyncfusionExamples/DocIO-Examples/blob/main/Word-to-PDF-Conversion/Convert-Word-document-to-PDF/Blazor/Client-side-application/Convert-Word-to-PDF/FileUtils.cs) file with FileUtils name and add the code to invoke the JavaScript action to download the file in the browser.
34-
10. Add the JavaScript function in the [Index.html](https://github.com/SyncfusionExamples/DocIO-Examples/blob/main/Word-to-PDF-Conversion/Convert-Word-document-to-PDF/Blazor/Client-side-application/Convert-Word-to-PDF/wwwroot/index.html) file present under the **wwwroot** folder.
35-
11. Add the code sample in the [razor](https://github.com/SyncfusionExamples/DocIO-Examples/blob/main/Word-to-PDF-Conversion/Convert-Word-document-to-PDF/Blazor/Client-side-application/Convert-Word-to-PDF/Shared/NavMenu.razor) file of the Navigation menu in the **Shared** folder.
36-
12. Rebuild the solution.
37-
13. Run the application.
15+
4. Create a [razor](https://github.com/SyncfusionExamples/DocIO-Examples/blob/main/Word-to-PDF-Conversion/Convert-Word-document-to-PDF/Blazor/Client-side-application/Convert-Word-to-PDF/Pages/DocIO.razor) file named as DocIO under the **Pages** folder and add the namespaces in the file.
16+
5. Add the code to create a button.
17+
6. Create a new async method with the name WordToPDF and include the code sample to convert a Word document to PDF.
18+
7. Create a [class](https://github.com/SyncfusionExamples/DocIO-Examples/blob/main/Word-to-PDF-Conversion/Convert-Word-document-to-PDF/Blazor/Client-side-application/Convert-Word-to-PDF/FileUtils.cs) file with FileUtils name and add the code to invoke the JavaScript action to download the file in the browser.
19+
8. Add the JavaScript function in the [Index.html](https://github.com/SyncfusionExamples/DocIO-Examples/blob/main/Word-to-PDF-Conversion/Convert-Word-document-to-PDF/Blazor/Client-side-application/Convert-Word-to-PDF/wwwroot/index.html) file present under the **wwwroot** folder.
20+
9. Add the code sample in the [razor](https://github.com/SyncfusionExamples/DocIO-Examples/blob/main/Word-to-PDF-Conversion/Convert-Word-document-to-PDF/Blazor/Client-side-application/Convert-Word-to-PDF/Shared/NavMenu.razor) file of the Navigation menu in the **Shared** folder.
21+
10. Rebuild the solution.
22+
11. Run the application.

0 commit comments

Comments
 (0)