> ## Knowledge Base Index
> Fetch the complete knowledge base index at: https://support.pdfgeneratorapi.com/sitemap.xml
> Use this file to discover available pages before exploring further.
> Pure-Markdown content can be obtained by appending a '.md' suffix to the content URLs listed in the sitemap (without the trailing slash).

# How to use the editor?

The PDF Generator API Editor is a no-code, drag-and-drop interface for designing PDF templates. It allows you to visually build documents such as invoices, reports, or contracts using dynamic data.

${frame}[Introduction](https://www.loom.com/embed/8567ce5e20f94929974e88826754dcd9?sid=01a016db-563d-475b-b52e-2133504eb341)

### Components

The editor offers multiple components with different functionalities, including text, tables, images, barcodes, and QR codes. Each component is designed to display content in a specific way, giving you full control over how information appears in the final document.

| For more detailed information about each component and its functionality, see the [Components section](https://support.pdfgeneratorapi.com/en/category/components-1ffseaj/).

###### Text, Number & Date Component

${frame}[Text, Number & Date Component](https://www.loom.com/embed/663cc715f23b45fa900a63c0838a9d72?sid=6bbb9201-9f7b-4f02-a1e5-2f9a247ebb0f)

${frame}[Editable Fields](https://www.loom.com/embed/63d08ea5590e45458b340eebba3b2fb8?sid=220214e1-b9a4-4fc4-9f28-4e109e6f0401)

###### Table Component

${frame}[Table Component](https://www.loom.com/embed/33dbb8482915485faae858413f5e2bff?sid=d490eed8-c907-4d1a-ac6a-736b15b665ed)

###### Container Component

${frame}[Container Component](https://www.loom.com/embed/22357ee746af4b2398325202b3163181?sid=7d518050-14b1-4425-93e4-5c74313cbd83)

###### Header & Footer Component

${frame}[Header & Footer Component](https://www.loom.com/embed/91ec8eaa525e4740b9e72708c5489a2a?sid=c2fef842-f6a2-45b1-85bb-45de06a5bfa2)

###### Chart Component

${frame}[Chart Component](https://www.loom.com/embed/437074e8277b4a5b85a6ac09c8da7715)

###### Image Component

${frame}[Image Component](https://www.loom.com/embed/f5471c0b0e6d43ffa2cd478798f6cbaa?sid=6853bc10-57eb-4488-979c-31313f858c61)

###### QR Code Component

${frame}[QR Code Component](https://www.loom.com/embed/b8768d5211934eebb4b917ae7fbd1e2f?sid=ae756d20-6000-417a-85e7-4c9588865d3f)

###### Checkbox Component

${frame}[Checkbox Component](https://www.loom.com/embed/877bff8bca514cb09b5be57aba390c6a)

###### Radio Button Component 

${frame}[Radio Button Component](https://www.loom.com/embed/dce9bcb6bc704a798e0772d47024c900)
---
### Related articles you may find helpful

* [Functions](/en/article/functions-srekaa/)
* [How to generate your first document with API v4 using Postman](/en/article/how-to-generate-your-first-document-with-api-v4-using-postman-1k4uuph/)
* [How to set a Background Image (Watermark)?](/en/article/how-to-set-a-background-image-watermark-glix3u/)