HTML 노드는 n8n에서 HTML을 다루는 데 도움이 되는 작업을 제공합니다.

작업#

• Generate HTML template: 이 작업을 사용해 HTML 템플릿을 생성합니다. 워크플로의 데이터를 가져와 HTML로 출력할 수 있습니다.
• Extract HTML content: HTML 형식의 소스에서 콘텐츠를 추출합니다. 소스는 JSON 또는 바이너리 파일(.html)일 수 있습니다.
• Convert to HTML Table: 콘텐츠를 HTML 테이블로 변환합니다.

노드 파라미터와 옵션은 선택한 작업에 따라 달라집니다. 각 작업을 구성하는 방법에 대한 자세한 내용은 아래 섹션을 참고하세요.

HTML 템플릿 생성#

HTML 템플릿을 생성합니다. 워크플로의 데이터를 가져와 HTML로 출력할 수 있습니다.

다음을 포함할 수 있습니다:

• 표준 HTML
• <style> 태그 안의 CSS
• <script> 태그 안의 JavaScript. n8n은 이 JavaScript를 실행하지 않습니다.
• {{}}로 감싼 표현식(Expressions)

템플릿 안에서 표현식(Expressions)을 사용할 수 있으며, n8n의 내장 메서드 및 변수(Built-in methods and variables)도 포함해 사용할 수 있습니다.

HTML 콘텐츠 추출#

HTML 형식의 소스에서 콘텐츠를 추출합니다. 소스는 JSON 또는 바이너리 파일(.html)일 수 있습니다.

다음 파라미터를 사용하세요:

소스 데이터#

HTML 콘텐츠의 소스 유형을 선택합니다. 다음 중에서 선택하세요:

• JSON: 이 소스 데이터를 선택한 경우, 추출하려는 HTML이 포함된 입력의 이름을 JSON Property에 입력합니다. 이 속성은 문자열 또는 문자열 배열을 포함할 수 있습니다.
• Binary: 이 소스 데이터를 선택한 경우, 추출하려는 HTML이 포함된 입력의 이름을 Input Binary Field에 입력합니다. 이 속성은 문자열 또는 문자열 배열을 포함할 수 있습니다.

추출 값#

• Key: 추출된 값을 저장할 키를 입력합니다.
• CSS Selector: 검색할 CSS 선택자를 입력합니다.
• Return Value: 반환할 데이터 유형을 선택합니다. 다음 중에서 선택하세요:
  • Attribute: 요소에서 class와 같은 속성 값을 반환합니다.
    • 이 옵션을 선택한 경우, 값을 반환할 Attribute의 이름을 입력합니다.
  • HTML: 요소가 포함하는 HTML을 반환합니다.
  • Text: 요소의 텍스트 콘텐츠를 반환합니다.
    • 이 옵션을 선택한 경우, Skip Selectors에 건너뛸 선택자를 쉼표로 구분해 입력할 수도 있습니다.
  • Value: 입력, 선택 상자, 또는 텍스트 영역의 값을 반환합니다.
• Return Array: 여러 추출 값을 배열로 반환할지(켜짐) 단일 문자열로 반환할지(꺼짐) 선택합니다.

Extract HTML Content 옵션#

이 작업은 다음 옵션으로도 구성할 수 있습니다:

• Trim Values: 값의 시작과 끝에서 모든 공백과 줄바꿈을 제거할지(켜짐) 그대로 둘지(꺼짐)를 제어합니다.
• Clean Up Text: 선행 공백, 후행 공백, 줄바꿈(개행 문자)을 제거하고 연속된 여러 공백을 하나의 공백으로 압축할지(켜짐) 그대로 둘지(꺼짐)를 제어합니다.

HTML 테이블로 변환#

이 작업은 다른 노드에서 데이터를 받는 것을 전제로 합니다. 별도의 파라미터는 없습니다. 다음 옵션을 포함합니다:

• Capitalize Headers: 테이블 헤더를 대문자로 표시할지(켜짐) 안 할지(꺼짐)를 제어합니다.
• Custom Styling: 커스텀 스타일링을 사용할지(켜짐) 안 할지(꺼짐)를 제어합니다.
• Caption: 테이블에 추가할 캡션을 입력합니다.
• Table Attributes: <table>에 적용할 속성(예: 스타일 속성)을 입력합니다.
• Header Attributes: 테이블 헤더 <th>에 적용할 속성을 입력합니다.
• Row Attributes: 테이블 행 <tr>에 적용할 속성을 입력합니다.
• Cell Attributes: 테이블 셀 <td>에 적용할 속성을 입력합니다.

템플릿 및 예제#

HTML 통합 템플릿 살펴보기 또는 모든 템플릿 검색하기