# Airlabel API Welcome to the Airlabel API! This API allows you to generate PDF labels from HTML content, with support for creating QR codes and customizable PDF options. ## Overview The Airlabel API provides a simple and secure way to convert HTML content into PDF documents. You can specify various PDF options to customize the output, making it perfect for generating professional labels with dynamic content. ## Usage The Airlabel API is ideal for businesses and individuals who need to generate PDF labels efficiently. It's also perfect for Airtable users who wish to automate the creation of PDFs from their data. ## Endpoints ### `POST /html-to-pdf` **Description:** This endpoint accepts HTML content and PDF printing options, generates a PDF document, and returns a secure link for downloading the generated PDF. **Request Payload:** - **html** (string): The HTML content to be converted into a PDF. - **pdfOptions** (object): Options for PDF generation based on Puppeteer's [PDFOptions](https://pptr.dev/api/puppeteer.pdfoptions). **Example Payload:** ```json { "html": "

✨Hello Airlabel!✨

", "pdfOptions": { "width": "6in", "height": "4in", } } ``` Alternatively, you can reference common paper sizes by name: ```json { "html": "

✨Hello Airlabel!✨

", "pdfOptions": { "format": "letter", "landscape": false, } ``` Include background colors and images with printBackground: ```json { "html": "

✨Hello Airlabel!✨

" "pdfOptions": { "width": "6in", "height": "4in", "printBackground": true } ``` \ **Inserting a QR Code** \ You can include a QR code in your HTML content by using a <qr> tag with the source set to a QR code generator URL. Here is an example using TailwindCSS for styling: ```html <qr content=\"https://example.com\" size=\"250\" /> ``` Replace https://example.com in the QR code generator URL with the URL you want to encode in the QR code. **Response:** The response will include a secure link to download the generated PDF. ```json { "url": "https://example.com/path/to/download.pdf" } ``` ## Styling Certainly! Here’s a concise description of the different ways to use CSS in HTML: ### CSS in HTML 1. **Inline CSS**: Applied directly to an element using the `style` attribute. ```html

This is a styled paragraph.

``` 2. **Internal CSS**: Defined within a `<style>` tag in the `<head>` section of the HTML document. ```html <head> <style> p { color: blue; } </style> </head> <body>

This is a styled paragraph.

</body> ``` 3. **External CSS**: An external styling library, delivered via a CDN. Inserted with a `<link>` tag. ```html <head> <link rel=\"stylesheet\" href=\"https://cdn.jsdelivr.net/npm/tailwindcss@2.2.19/dist/tailwind.min.css\" /> </head> <body>

This is a styled paragraph.

</body> ``` #### A Note on JSON Formatting When declaring the HTML in the payload response, please be sure to escape quotes with a backslash, so that the JSON is formatted correctly. ## Contact Please feel free to start a thread in the discussions section, I'll be happy to answer any questions! 🤠