Integrate the HTML to Image API with the Pipedream Utils API

Setup the HTML to Image API trigger to run a workflow which integrates with the Pipedream Utils API. Pipedream's integration platform allows you to integrate HTML to Image and Pipedream Utils remarkably fast. Free for developers.

Start for free — no credit card required

Watch a demo

Trusted by 1,000,000+ developers from startups to Fortune 500 companies

Popular HTML to Image and Pipedream Utils Actions#

Convert HTML to Image with the HTML to Image API

Create an image from HTML. See the documentation

Try it

Formatting - [Data] Convert JSON to String with the Pipedream Utils API

Convert an object to a JSON format string

Try it

Convert HTML to PDF with the HTML to Image API

Create a PDF file from HTML. See the documentation

Try it

Formatting - [Data] Parse JSON with the Pipedream Utils API

Parse a JSON string

Try it

Convert URL to Image with the HTML to Image API

Capture a screenshot from a URL. See the documentation

Try it

Connect HTML to Image#

import { axios } from "@pipedream/platform"
export default defineComponent({
  props: {
    html_to_image: {
      type: "app",
      app: "html_to_image",
    }
  },
  async run({steps, $}) {
    const data = {
        "html_content" : "<div class=\"mt-4 p-4 text-center\"style=width:500px><span class=\"mb-4 tweet-text\">This is Little Bear. He tolerates baths because he knows how phenomenal his floof will appear afterwards. 13/10</span><div class=\"mt-2 p-4\"><img class=\"mt-4 border rounded-circle shadow\"src=https://docs.htmlcsstoimage.com/assets/images/dog.jpg width=100px></div><h4 class=mt-2>WeRateDogs</h4><span class=text-muted>@dog_rates</span></div><link href=https://stackpath.bootstrapcdn.com/bootstrap/4.5.0/css/bootstrap.min.css rel=stylesheet crossorigin=anonymous integrity=sha384-9aIt2nRpC12Uk9gS9baDl411NQApFmC26EwAOH8WgZl5MYYxFfc+NcPb1dKGj7Sk><link href=\"https://fonts.googleapis.com/css2?family=Roboto:wght@700\"rel=stylesheet>",
        "css_content" : ".tweet-text{background-color:#fff2ac;background-image:linear-gradient(to right,#ffe359 0,#fff2ac 100%);font-weight:bolder;font-size:32px;font-family:Roboto,sans-serif;padding:4px}",
        "generate_img_url": true
    }
    return await axios($, {
      method: "post",
      url: `https://api.htmlcsstoimg.com/api/v1/generateImage`,
      headers: {
        "CLIENT-API-KEY": `${this.html_to_image.$auth.api_key}`,
      },
      data,
    })
  },
})

Overview of Pipedream Utils#

The Pipedream Utils app is a set of pre-built functions that streamline common tasks in your workflows. It acts like a Swiss Army knife for developers, providing essential tools such as format conversion, date manipulation, and text processing. By leveraging these functions, you can reduce the boilerplate code needed for routine operations, speeding up the development of intricate automations. The Helper Functions API can be a game changer when it comes to tasks like parsing dates in user-friendly formats, encoding and decoding data, or generating UUIDs, making them more efficient and less error-prone.

Connect Pipedream Utils#

export default defineComponent({
  props: {
    pipedream_utils: {
      type: "app",
      app: "pipedream_utils",
    }
  },
  async run({steps, $}) {

  },
})

Start for free — no credit card required

Watch a demo