telerik · dessyordanova · Dec 13, 2024 · Nov 28, 2024 · Nov 29, 2024 · Dec 13, 2024
diff --git a/knowledge-base/images/html-inside-pdf-table.png b/knowledge-base/images/html-inside-pdf-table.png
diff --git a/knowledge-base/images/sample-html-content.png b/knowledge-base/images/sample-html-content.png
diff --git a/knowledge-base/insert-html-content-into-pdf-tablecell-radpdfprocessing.md b/knowledge-base/insert-html-content-into-pdf-tablecell-radpdfprocessing.md
@@ -0,0 +1,138 @@
+---
+title: Inserting HTML Content into PDF TableCell with RadPdfProcessing
+description: Learn how to insert HTML content into a TableCell in a PDF document using RadPdfProcessing and RadWordsProcessing libraries.
+type: how-to
+page_title: How to Insert HTML Content into PDF TableCell Using RadPdfProcessing
+slug: insert-html-content-into-pdf-tablecell-radpdfprocessing
+tags: pdfprocessing, document, processing, pdf, html, table, cell, insert, wordsprocessing
+res_type: kb
+ticketid: 1671595
+---
+
+## Environment 
+
+| Version | Product | Author | 
+| --- | --- | ---- | 
+| 2024.4.1106.NET Standard| RadWordsProcessing-RadPdfProcessing |[Desislava Yordanova](https://www.telerik.com/blogs/author/desislava-yordanova)| 
+
+## Description
+When generating PDF documents, a common requirement is to insert HTML content into specific sections of the document, such as a [TableCell]({%slug radpdfprocessing-editing-tablecell%}). This article demonstrates how to achieve this using the smooth integration between [RadPdfProcessing]({%slug radpdfprocessing-overview%}) and [RadWordsProcessing]({%slug radwordsprocessing-overview%}) libraries. 
+
+>caption Sample HTML content to Insert
+
+```HTML
+<!DOCTYPE html>
+<html>
+<body>
+<p>I am normal</p>
+<p style="color:red;">I am red</p>
+<p style="color:blue;">I am blue</p>
+<p style="font-size:50px;">I am big</p>
+</body>
+</html>
+```
+
+![HTML Displayed in the Browser](images/sample-html-content.png)  
+
+## Solution
+To insert HTML content into a `TableCell` in a PDF document, you can obtain the HTML content as an image and insert the image inside the PDF table cell. Below are the steps and complete code snippet for achieving this:
+
+1. **Import HTML Content**: Use the RadWordsProcessing's [HtmlFormatProvider]({%slug radwordsprocessing-formats-and-conversion-html-htmlformatprovider%}) to import the HTML content into a [RadFlowDocument]({%slug radwordsprocessing-model-radflowdocument%}).
+
+1. **Export the HTML Content to PDF Format**: Use the RadWordsProcessing's [PdfFormatProvider]({%slug radwordsprocessing-formats-and-conversion-pdf-pdfformatprovider%}) to convert the `RadFlowDocument` into PDF format.
+
+1. **Convert the exported PDF content to an Image**: Use the RadPdfProcessing's [PdfFormatProvider]({%slug radpdfprocessing-formats-and-conversion-pdf-pdfformatprovider%}) to import the PDF-converted HTML content to [RadFixedDocument]({%slug radpdfprocessing-model-radfixeddocument%}) and the [SkiaImageFormatProvider]({%slug radpdfprocessing-formats-and-conversion-image-using-skiaimageformatprovider%}) to export the PDF pages to images.
+
+1. **Insert the exported Images into the PDF TableCell**: Use RadPdfProcessing's [FixedContentEditor]({%slug radpdfprocessing-editing-fixedcontenteditor%}) to create the main PDF document with a table and insert the converted PDF images into the desired [TableCell]({%slug radpdfprocessing-editing-tablecell%}).
+
+### Inserting HTML Content as PDF
+
+```csharp
+            Telerik.Documents.ImageUtils.ImagePropertiesResolver defaultImagePropertiesResolver = new Telerik.Documents.ImageUtils.ImagePropertiesResolver();
+            Telerik.Windows.Documents.Extensibility.FixedExtensibilityManager.ImagePropertiesResolver = defaultImagePropertiesResolver;
+
+            RadFixedDocument mainPdfDocument = new RadFixedDocument();
+            RadFixedPage page = mainPdfDocument.Pages.AddPage();
+
+            FixedContentEditor editor = new FixedContentEditor(page);
+            Telerik.Windows.Documents.Fixed.FormatProviders.Pdf.PdfFormatProvider fixedPdfFormatProvider = new Telerik.Windows.Documents.Fixed.FormatProviders.Pdf.PdfFormatProvider();
+
+            //Create PDF table
+            Telerik.Windows.Documents.Fixed.Model.Editing.Tables.Table table = new Telerik.Windows.Documents.Fixed.Model.Editing.Tables.Table();
+
+            //Set borders
+            Telerik.Windows.Documents.Fixed.Model.Editing.Border border = new Telerik.Windows.Documents.Fixed.Model.Editing.Border();
+            table.Borders = new Telerik.Windows.Documents.Fixed.Model.Editing.TableBorders(border);
+            table.DefaultCellProperties.Borders = new Telerik.Windows.Documents.Fixed.Model.Editing.Tables.TableCellBorders(border, border, border, border);
+
+            //Set table properties
+            table.Margin = new Thickness(20);
+            table.DefaultCellProperties.Padding = new Thickness(5);
+            table.BorderSpacing = 2;
+
+            //Create row 
+            Telerik.Windows.Documents.Fixed.Model.Editing.Tables.TableRow row1 = table.Rows.AddTableRow(); 
+            Telerik.Windows.Documents.Fixed.Model.Editing.Tables.TableCell imgCell = row1.Cells.AddTableCell();
+            imgCell.PreferredWidth = 200;
+            string htmlContent = File.ReadAllText("cellContent.html");
+
+            //Import HTML as RadFlowDocument
+            HtmlFormatProvider htmlFormatProvider = new HtmlFormatProvider();
+            RadFlowDocument htmlDocument = htmlFormatProvider.Import(htmlContent, TimeSpan.FromSeconds(10));
+
+            //Export HTML to PDF
+            Telerik.Windows.Documents.Flow.FormatProviders.Pdf.PdfFormatProvider flowPdfFormatProvider = new Telerik.Windows.Documents.Flow.FormatProviders.Pdf.PdfFormatProvider();
+            byte[] htmlToPdfByteArray = flowPdfFormatProvider.Export(htmlDocument, TimeSpan.FromSeconds(10));
+
+            //Import htmlToPdfByteArray as RadFixedDocument 
+            RadFixedDocument htmlPdfDocument = fixedPdfFormatProvider.Import(htmlToPdfByteArray, TimeSpan.FromSeconds(10));
+
+            RgbColor bordersColor = new RgbColor(255, 0, 0);
+            Telerik.Windows.Documents.Fixed.Model.Editing.Border cellBorder = new Telerik.Windows.Documents.Fixed.Model.Editing.Border(2, Telerik.Windows.Documents.Fixed.Model.Editing.BorderStyle.Single, bordersColor);
+            Telerik.Windows.Documents.Fixed.Model.Editing.Tables.TableCellBorders tableCellsBorder = new Telerik.Windows.Documents.Fixed.Model.Editing.Tables.TableCellBorders(border, border, border, border, null, null);
+
+            //Export the PDF pages as images
+            Telerik.Documents.Fixed.FormatProviders.Image.Skia.SkiaImageFormatProvider imageProvider = new Telerik.Documents.Fixed.FormatProviders.Image.Skia.SkiaImageFormatProvider();
+            string imagesFolderPath = @"..\..\..\Images\";
+            int count = 1;
+            foreach (RadFixedPage p in htmlPdfDocument.Pages)
+            { 
+                byte[] resultImage = imageProvider.Export(p, TimeSpan.FromSeconds(10));
+                File.WriteAllBytes(imagesFolderPath + count++ + ".png", resultImage);
+            }
+
+            Block imageBlock;
+            string[] pdfFilePaths = Directory.GetFiles(imagesFolderPath);
+            foreach (string imageFilePath in pdfFilePaths)
+            {
+
+                imageBlock = imgCell.Blocks.AddBlock();
+                imageBlock.HorizontalAlignment = Telerik.Windows.Documents.Fixed.Model.Editing.Flow.HorizontalAlignment.Center;
+                imageBlock.InsertImage(new FileStream(imageFilePath, FileMode.Open),new Size(300,400));
+                imgCell = row1.Cells.AddTableCell();
+                imgCell.Borders = tableCellsBorder;
+            }
+
+            //Draw the generated table
+            editor.DrawTable(table);
+
+            string outputFile = "output.pdf";
+            File.Delete(outputFile);
+            //Export main PDF with changes
+            using (Stream output = File.OpenWrite(outputFile))
+            {
+                fixedPdfFormatProvider.Export(mainPdfDocument, output, TimeSpan.FromSeconds(10));
+            }
+            //Open main PDF
+            var psi = new ProcessStartInfo()
+            {
+                FileName = outputFile,
+                UseShellExecute = true
+            };
+            Process.Start(psi);
+```
+
+![HTML Inside the PDF Table](images/html-inside-pdf-table.png) 
+
+## See Also
+- [Generate Table with Images using RadPdfProcessing]({%slug generate-table-with-images-pdf-processing%})
diff --git a/libraries/radpdfprocessing/editing/fixedcontenteditor.md b/libraries/radpdfprocessing/editing/fixedcontenteditor.md
@@ -337,3 +337,4 @@ __FixedContentEditor__ has some properties and methods that affect how it will b
  * [Adding Images with a Shadow in PDF Documents]({%slug add-shadow-image-radpdfprocessing%})
  * [Splitting a Large Image Across Multiple PDF Pages]({%slug split-export-large-image-multiple-pdf-pages-radpdfprocessing%})
  * [Resizing Large Images to Fit in the PDF Page]({%slug resize-images-radpdfprocessing%})
+ * [ Inserting HTML Content into PDF TableCell with RadPdfProcessing]({%slug insert-html-content-into-pdf-tablecell-radpdfprocessing%})
diff --git a/libraries/radpdfprocessing/editing/tablecell.md b/libraries/radpdfprocessing/editing/tablecell.md
@@ -108,3 +108,4 @@ The result from __Example 3__ is illustrated on __Figure 1__.
  * [Creating Custom Layout Tables with RadPdfProcessing]({%slug customize-table-layout-radpdfprocessing%})
  * [Implementing Column Span in RadPdfProcessing Tables]({%slug table-column-span-radpdfprocessing%})
  * [Creating a PDF Table with Form Fields Inside the Cells]({%slug insert-form-xobject-elements-pdf-table-cell%})
+ * [ Inserting HTML Content into PDF TableCell with RadPdfProcessing]({%slug insert-html-content-into-pdf-tablecell-radpdfprocessing%})