Skip to main content

HTML Utils Component

Helpful HTML-related functions for building HTML documents and HTML-based emails.

Component key: html-utils · Changelog ↓

Description​

The HTML Utils component provides helpful functions for building and formatting HTML documents.

Actions​

Convert to Inline CSS​

Convert an HTML document to use inline styles | key: convertInlineCss

InputNotesExample
HTML
<html>
<head>
   <title>My Webpage</title>
   <style>div{color:red;}</style>
</head>
<body>
   <div>Hello World</div>
   <ol>
     <li>First Item</li>
     <li>Second Item</li>
   </ol>
</body>
</html>

This action leverages the juice NPM package to apply CSS defined in <style> tags to inline HTML elements.

Example Payload for Convert to Inline CSS⤓
Loading…

Format HTML​

Apply prettier to an HTML document | key: formatHtml

InputNotesExample
HTML
<html>
<head>
   <title>My Webpage</title>
   <style>div{color:red;}</style>
</head>
<body>
   <div>Hello World</div>
   <ol>
     <li>First Item</li>
     <li>Second Item</li>
   </ol>
</body>
</html>
Example Payload for Format HTML⤓
Loading…

Get HTML from URL​

Fetch HTML content from a URL | key: getHtmlFromUrl

InputNotesExample
URL

The URL to fetch HTML content from

HTML to Plaintext​

Convert an HTML document to plaintext | key: htmlToPlaintext

InputNotesExample
HTML
<html>
<head>
   <title>My Webpage</title>
   <style>div{color:red;}</style>
</head>
<body>
   <div>Hello World</div>
   <ol>
     <li>First Item</li>
     <li>Second Item</li>
   </ol>
</body>
</html>

Strip HTML Tags​

Remove all HTML tags from a string | key: stripHtmlTags

InputNotesExample
HTML
<html>
<head>
   <title>My Webpage</title>
   <style>div{color:red;}</style>
</head>
<body>
   <div>Hello World</div>
   <ol>
     <li>First Item</li>
     <li>Second Item</li>
   </ol>
</body>
</html>