HTML/CSS to Image

The API for generating high-quality images from HTML/CSS. No yak shaving required.

Integrate the HTML/CSS to Image API with the Discord API

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

Create Image From HTML with HTML/CSS to Image API on New Message (Instant) from Discord API
Discord + HTML/CSS to Image
 
Try it
Create Image From URL with HTML/CSS to Image API on New Message (Instant) from Discord API
Discord + HTML/CSS to Image
 
Try it
Create Image From HTML with HTML/CSS to Image API on Message Deleted (Instant) from Discord API
Discord + HTML/CSS to Image
 
Try it
Create Image From HTML with HTML/CSS to Image API on New Command Received (Instant) from Discord API
Discord + HTML/CSS to Image
 
Try it
Create Image From HTML with HTML/CSS to Image API on New Guild Member (Instant) from Discord API
Discord + HTML/CSS to Image
 
Try it
New Message (Instant) from the Discord API

Emit new event for each message posted to one or more channels in a Discord server

 
Try it
Message Deleted (Instant) from the Discord API

Emit new event for each message deleted

 
Try it
New Command Received (Instant) from the Discord API

Emit new event for each command posted to one or more channels in a Discord server

 
Try it
New Guild Member (Instant) from the Discord API

Emit new event for each new member added to a guild

 
Try it
New Guild Member (Instant) from the Discord API

Emit new event for each new member added to a guild

 
Try it
Create Image From HTML with the HTML/CSS to Image API

Create Image From HTML. See the docs.

 
Try it
Create Image From URL with the HTML/CSS to Image API

Create Image From URL. See the docs.

 
Try it
Send Message with the Discord API

Send a simple message to a Discord channel

 
Try it
Send Message (Advanced) with the Discord API

Send a simple or structured message (using embeds) to a Discord channel

 
Try it
Send Message With File with the Discord API

Post a message with an attached file

 
Try it

Overview of HTML/CSS to Image

With the HTML/CSS to Image API you can:

  • Generate images from HTML/CSS code snippets
  • Use CSS selectors to grab specific elements from the HTML code
  • Use HTML5 canvas to crop, filter, or resize the images
  • Output the resulting images in various formats (JPEG, PNG, GIF, WebP)

Connect HTML/CSS to Image

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
import { axios } from "@pipedream/platform"
export default defineComponent({
  props: {
    html_css_to_image: {
      type: "app",
      app: "html_css_to_image",
    }
  },
  async run({steps, $}) {
    const data = {
      "url": `https://google.com`,
    }
    return await axios($, {
      method: "post",
      url: `https://hcti.io/v1/image`,
      auth: {
        username: `${this.html_css_to_image.$auth.user_id}`,
        password: `${this.html_css_to_image.$auth.api_key}`,
      },
      data,
    })
  },
})

Overview of Discord

The Pipedream Discord app enables you to build event-driven workflows that interact with the Discord API. When you authorize the Pipedream app's access to your guilds, you can use Pipedream workflows to perform common Discord actions, or write your own code against the Discord API.

Connect Discord

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
import { axios } from "@pipedream/platform"
export default defineComponent({
  props: {
    discord: {
      type: "app",
      app: "discord",
    }
  },
  async run({steps, $}) {
    return await axios($, {
      url: `https://discord.com/api/users/@me`,
      headers: {
        Authorization: `Bearer ${this.discord.$auth.oauth_access_token}`,
        "accept": `application/json`,
      },
    })
  },
})