Skip to content

HTML 节点#

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

HTML Extract 节点

从 0.213.0 版本开始,HTML 节点取代了原有的 HTML Extract 节点。如果您使用的是旧版 n8n,仍可查看 HTML Extract 节点文档

跨站脚本风险

当使用 HTML 节点生成 HTML 模板时,可能会引入 XSS (跨站脚本) 安全风险。请谨慎处理不受信任的输入数据。

操作类型#

  • 生成 HTML 模板:此操作用于创建 HTML 模板,可将工作流中的数据输出为 HTML 格式。
  • 提取 HTML 内容:从 HTML 格式的源数据中提取内容,源数据可以是 JSON 或二进制文件 (.html)。
  • 转换为 HTML 表格:将内容转换为 HTML 表格。

节点参数和选项取决于您选择的操作类型。请参考以下各节了解每个操作的详细配置说明。

生成 HTML 模板#

创建 HTML 模板,可将工作流中的数据输出为 HTML 格式。

您可以包含以下内容: * 标准 HTML * 通过 <style> 标签添加的 CSS * 通过 <script> 标签添加的 JavaScript(n8n 不会执行这些 JavaScript) * 使用 {{}} 包裹的表达式

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

提取 HTML 内容#

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

使用以下参数:

源数据#

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

  • JSON:选择此源数据时,请输入 JSON 属性:包含待提取 HTML 的输入字段名称。该属性可包含字符串或字符串数组。
  • 二进制:选择此源数据时,请输入 输入二进制字段:包含待提取 HTML 的输入字段名称。该属性可包含字符串或字符串数组。

提取值#

  • 键名:输入用于保存提取值的键名。
  • CSS 选择器:输入要搜索的 CSS 选择器。
  • 返回值类型:选择返回的数据类型。可选:
    • 属性:返回元素的属性值(如 class)。
      • 选择此选项时,请输入要返回值的属性名称
    • HTML:返回元素包含的 HTML 内容。
    • 文本:返回元素的文本内容。
      • 选择此选项时,您还可以在跳过选择器中输入逗号分隔的选择器列表来跳过特定元素。
    • :返回 input、select 或 textarea 元素的值。
  • 返回数组:选择是否将多个提取值作为数组返回(开启)或作为单个字符串返回(关闭)。

HTML 内容提取选项#

您还可以通过以下选项配置此操作:

  • 修剪值:控制是否移除值首尾的所有空格和换行符(开启)或保留它们(关闭)。
  • 清理文本:控制是否移除前导空格、尾随空格和换行符,并将多个连续空格合并为单个空格(开启)或保持原样(关闭)。

转换为 HTML 表格#

此操作需要接收来自其他节点的数据。它没有参数设置,包含以下选项:

  • 大写表头:控制是否将表格标题转为大写(开启)或保持原样(关闭)。
  • 自定义样式:控制是否使用自定义样式(开启)或默认样式(关闭)。
  • 表格标题:输入要添加到表格的标题文字。
  • 表格属性:输入要应用到 <table> 元素的任意属性,例如样式属性。
  • 表头属性:输入要应用到表头 <th> 元素的任意属性。
  • 行属性:输入要应用到表格行 <tr> 元素的任意属性。
  • 单元格属性:输入要应用到表格单元格 <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