Skip to main content

HTML

Generating HTML templates and extracting data from HTML.


Operations

The HTML node supports two main operations for working with HTML content:

Generate HTML Template

Create HTML content using a template with support for dynamic expressions.

Configuration Options:

  • HTML Template: The HTML content to render, supporting:
    • HTML5 tags
    • <style> tags for CSS
      • inline styles
      • css classes
    • Dynamic expressions using {{ }} syntax
      • Can use $ to refer to built-in functions and properties
        • built-in funcs: $if(cond, true-result, false-result) to conditionally render content, $max(a, b), $min(a, b) for numeric comparisons
        • $json to access JSON properties from input data
        • i.e. ={{ $if($json.id!=1, true, false) }}
      • Only expressions inside {{ }} are evaluated, not declarations or assignments

Extract HTML Content

Extract specific content from HTML using CSS selectors.

Source Data Options:

  • Binary: Read HTML from binary data

    • Binary Property: Name of the binary property containing the HTML (required)
  • JSON: Read HTML from JSON data

    • JSON Property: Name of the JSON property containing the HTML string or array of strings (required)

Extraction Configuration:

  • Extraction Values: Define what data to extract (multiple values supported)
    • Key: Name for the extracted value
    • CSS Selector: The CSS selector to target elements (e.g., ".price")
    • Return Value Type:
      • Text: Get only text content
      • HTML: Get the HTML content
      • Attribute: Get specific attribute value
      • Value: Get value of form elements (input, select, textarea)
    • Attribute Name: When returning attribute value, specify the attribute
    • Return Array: Option to return multiple matches as an array

HTML Table Options

When working with HTML tables, the following options are available:

  • Caption: Add a caption to the table
  • Capitalize Headers: Option to capitalize table headers
  • Custom Styling: Enable custom table styling
  • Table Attributes: Custom attributes for the table element
  • Header Attributes: Custom attributes for header cells
  • Row Attributes: Custom attributes for table rows
  • Cell Attributes: Custom attributes for table cells

Notes

  • When using the Generate HTML Template operation, you can include CSS and JavaScript, though JavaScript won't be executed
  • CSS selectors in Extract HTML Content support standard CSS selector syntax
  • Binary and JSON properties must be properly specified for extraction to work
  • Multiple extraction values can be configured to extract different pieces of content in a single operation