Merge pull request #12 from SyncfusionExamples/840386-Html-Sample

840386- Need to add the explanation for each step and update the sample

Author: SowmiyaLoganathan

Blazor/HTML_to_PDF_Blazor/Data/ExportService.cs

@@ -10,17 +10,12 @@ namespace HTML_to_PDF_Blazor.Data
 {
     public class ExportService
     {
-        public MemoryStream CreatePdf()
+        public MemoryStream CreatePdf(string url)
         {
             //Initialize HTML to PDF converter.
             HtmlToPdfConverter htmlConverter = new HtmlToPdfConverter();
-            BlinkConverterSettings blinkConverterSettings = new BlinkConverterSettings();
-            //Set Blink viewport size.
-            blinkConverterSettings.ViewPortSize = new Syncfusion.Drawing.Size(1280, 0);
-            //Assign Blink converter settings to HTML converter.
-            htmlConverter.ConverterSettings = blinkConverterSettings;
             //Convert URL to PDF document.
-            PdfDocument document = htmlConverter.Convert("https://www.syncfusion.com");
+            PdfDocument document = htmlConverter.Convert(url);
             //Create memory stream.
             MemoryStream stream = new MemoryStream();
             //Save the document to memory stream.

Blazor/HTML_to_PDF_Blazor/HTML_to_PDF_Blazor.csproj

@@ -5,7 +5,7 @@
   </PropertyGroup>
 
   <ItemGroup>
-    <PackageReference Include="Syncfusion.HtmlToPdfConverter.Net.Windows" Version="20.3.0.58" />
+    <PackageReference Include="Syncfusion.HtmlToPdfConverter.Net.Windows" Version="22.2.5" />
   </ItemGroup>
 
 </Project>

Blazor/HTML_to_PDF_Blazor/Pages/FetchData.razor

@@ -4,20 +4,33 @@
 @inject WeatherForecastService ForecastService
 @inject ExportService exportService
 @inject Microsoft.JSInterop.IJSRuntime JS
+@inject NavigationManager NavigationManager
 @using  System.IO;
 <h1>Weather forecast</h1>
 
 <p>This component demonstrates fetching data from a service.</p>
 
 <button class="btn btn-primary" @onclick="@ExportToPdf">Export to PDF</button>
 
+@code {
+    private string currentUrl;
+    /// <summary>
+    /// Get the current URL
+    /// </summary>
+    protected override void OnInitialized()
+    {
+        currentUrl = NavigationManager.Uri;
+    }
+}
 @functions
 {
-
+    /// <summary>
+    /// Create and download the PDF document
+    /// </summary>
     protected async Task ExportToPdf()
     {
         ExportService exportService = new ExportService();
-        using (MemoryStream excelStream = exportService.CreatePdf())
+        using (MemoryStream excelStream = exportService.CreatePdf(currentUrl))
         {
             await JS.SaveAs("HTML-to-PDF.pdf", excelStream.ToArray());
         }

Blazor/README.md

@@ -27,17 +27,12 @@ The Syncfusion HTML to PDF converter is a .NET library used to convert HTML or w
 4. Add the following code to convert HTML to PDF document in [ExportService](HTML_to_PDF_Blazor/Data/ExportService.cs) class.
 
    ```csharp
-   public MemoryStream CreatePdf()
+   public MemoryStream CreatePdf(string url)
    {
       //Initialize HTML to PDF converter.
-      HtmlToPdfConverter htmlConverter = new HtmlToPdfConverter();
-      BlinkConverterSettings blinkConverterSettings = new BlinkConverterSettings();
-      //Set Blink viewport size.
-      blinkConverterSettings.ViewPortSize = new Syncfusion.Drawing.Size(1280, 0);
-      //Assign Blink converter settings to HTML converter.
-      htmlConverter.ConverterSettings = blinkConverterSettings;
+      HtmlToPdfConverter htmlConverter = new HtmlToPdfConverter();      
       //Convert URL to PDF document.
-      PdfDocument document = htmlConverter.Convert("https://www.syncfusion.com");
+      PdfDocument document = htmlConverter.Convert(url);
       //Create memory stream.
       MemoryStream stream = new MemoryStream();
       //Save the document to memory stream.
@@ -49,6 +44,9 @@ The Syncfusion HTML to PDF converter is a .NET library used to convert HTML or w
 5. Register your service in the ConfigureServices method available in the Startup.cs class as follows.
 
    ```csharp
+   /// <summary>
+   /// Register your ExportService 
+   /// </summary>
    public void ConfigureServices(IServiceCollection services)
    {
       services.AddRazorPages();
@@ -63,6 +61,7 @@ The Syncfusion HTML to PDF converter is a .NET library used to convert HTML or w
    ```csharp
    @inject ExportService exportService
    @inject Microsoft.JSInterop.IJSRuntime JS
+   @inject NavigationManager NavigationManager
    @using  System.IO;
    ```
 
@@ -75,13 +74,25 @@ The Syncfusion HTML to PDF converter is a .NET library used to convert HTML or w
 8. Add the ExportToPdf method in FetchData.razor page to call the export service.
 
    ```csharp
+   @code {
+    private string currentUrl;
+   /// <summary>
+   /// Get the current URL
+   /// </summary>
+   protected override void OnInitialized()
+   {
+      currentUrl = NavigationManager.Uri;
+   }
+   }
    @functions
    {
- 
+      /// <summary>
+      /// Create and download the PDF document
+      /// </summary>
       protected async Task ExportToPdf()
       {
          ExportService exportService = new ExportService();
-         using (MemoryStream excelStream = exportService.CreatePdf())
+         using (MemoryStream excelStream = exportService.CreatePdf(currentUrl))
          {
             await JS.SaveAs("HTML-to-PDF.pdf", excelStream.ToArray());
          }