Skip to content

HTML 节点#

HTML 节点提供操作来帮助您在 n8n 中处理 HTML。

HTML Extract 节点

从版本 0.213.0 开始,HTML 节点替换了 HTML Extract 节点。如果您使用的是较旧版本的 n8n,您仍然可以查看 HTML Extract 节点文档

跨站脚本攻击

当使用 HTML 节点生成 HTML 模板时,可能会引入 XSS(跨站脚本攻击)。这是一个安全风险。请小心处理不受信任的输入。

操作#

节点参数和选项取决于您选择的操作。有关配置每个操作的更多详细信息,请参阅以下部分。

Generate HTML template 生成 HTML 模板#

创建 HTML 模板。这允许您从工作流中获取数据并将其输出为 HTML。

您可以包括:

  • 标准 HTML
  • <style> 标签中的 CSS。
  • <script> 标签中的 JavaScript。n8n 不执行 JavaScript。
  • 包裹在 {{}} 中的表达式。

您可以在模板中使用 表达式,包括 n8n 的 内置方法和变量

Extract HTML Content 提取 HTML 内容#

从 HTML 格式的源中提取内容。源可以是 JSON 或二进制文件(.html)。

使用以下参数:

Source Data 源数据#

为您的 HTML 内容选择源类型。选择:

  • JSON:如果您选择此源数据,请输入 JSON Property JSON 属性:包含您要提取的 HTML 的输入的名称。该属性可以包含字符串或字符串数组。
  • Binary 二进制:如果您选择此源数据,请输入 Input Binary Field 输入二进制字段:包含您要提取的 HTML 的输入的名称。该属性可以包含字符串或字符串数组。

Extraction Values 提取值#

  • Key 键:输入保存提取值的键。
  • CSS Selector CSS 选择器:输入要搜索的 CSS 选择器。
  • Return Value 返回值:选择要返回的数据类型。选择:
    • Attribute 属性:从元素返回属性值,如 class
      • 如果您选择此选项,请输入要返回值的 Attribute 属性 名称。
    • HTML:返回元素包含的 HTML。
    • Text 文本:返回元素的文本内容。
      • 如果您选择此选项,还可以在 Skip Selectors 跳过选择器 中输入要跳过的选择器的逗号分隔列表。
    • Value 值:返回输入、选择或文本区域的值。
  • Return Array 返回数组:选择是否将多个提取值作为数组返回(开启)还是作为单个字符串返回(关闭)。

Extract HTML Content options 提取 HTML 内容选项#

您还可以使用以下选项配置此操作:

  • Trim Values 修剪值:控制是否从值的开头和结尾删除所有空格和换行符(开启)或保留它们(关闭)。
  • Clean Up Text 清理文本:控制是否删除前导空格、尾随空格和换行符,并将多个连续空格压缩为单个空格(开启)或保持原样(关闭)。

Convert to HTML Table 转换为 HTML 表格#

此操作期望来自另一个节点的数据。它没有参数。它包括以下选项:

  • Capitalize Headers 标头大写:控制是否将表格的标头大写(开启)或不大写(关闭)。
  • Custom Styling 自定义样式:控制是否使用自定义样式(开启)或不使用(关闭)。
  • Caption 标题:输入要添加到表格的标题。
  • Table Attributes 表格属性:输入要应用于 <table> 的任何属性,如样式属性。
  • Header Attributes 标头属性:输入要应用于表格标头 <th> 的任何属性。
  • Row Attributes 行属性:输入要应用于表格行 <tr> 的任何属性。
  • Cell Attributes 单元格属性:输入要应用于表格单元格 <td> 的任何属性。

模板和示例#

Scrape and summarize webpages with AI

by n8n Team

View template details
Pulling data from services that n8n doesn’t have a pre-built integration for

by Jonathan

View template details
Automated Web Scraping: email a CSV, save to Google Sheets & Microsoft Excel

by Mihai Farcas

View template details
Browse HTML integration templates, or search all templates