HTML#
HTML 노드는 n8n에서 HTML 작업을 도와주는 기능을 제공합니다.
HTML Extract node
HTML 노드는 버전 0.213.0부터 HTML Extract 노드를 대체합니다. 이전 버전의 n8n을 사용하고 있는 경우, 여전히 HTML Extract node documentation을 확인할 수 있습니다.
Cross-site scripting
HTML 노드를 사용하여 HTML 템플릿을 생성할 때 XSS (cross-site scripting)를 도입할 수 있습니다. 이는 보안 위험입니다. 신뢰할 수 없는 입력에 대해 주의하세요.
Operations#
- Generate HTML template: 이 작업을 사용하여 HTML 템플릿을 생성합니다. 이는 워크플로우의 데이터를 가져와 HTML로 출력할 수 있게 해줍니다.
- Extract HTML content: HTML 형식의 소스에서 내용을 추출합니다. 소스는 JSON 또는 바이너리 파일(
.html
)일 수 있습니다. - Convert to HTML Table: 내용을 HTML 테이블로 변환합니다.
노드의 매개변수와 옵션은 선택한 작업에 따라 다릅니다. 각 작업의 구성에 대한 더 많은 세부정보는 아래 섹션을 참조하세요.
Generate HTML template#
HTML 템플릿을 생성합니다. 이는 워크플로우의 데이터를 가져와 HTML로 출력할 수 있게 해줍니다.
포함할 수 있는 항목:
- 표준 HTML
<style>
태그 내의 CSS<script>
태그 내의 JavaScript. n8n은 JavaScript를 실행하지 않습니다.{{}}
로 감싼 표현식.
템플릿에서 Expressions를 사용할 수 있으며, n8n의 Built-in methods and variables도 포함됩니다.
Extract HTML Content#
HTML 형식의 소스에서 내용을 추출합니다. 소스는 JSON 또는 바이너리 파일(.html
)일 수 있습니다.
다음 매개변수를 사용하세요:
Source Data#
HTML 콘텐츠의 소스 유형을 선택합니다. 다음 중에서 선택하세요:
- JSON: 이 소스 데이터를 선택하면 JSON Property를 입력하세요: 추출할 HTML을 포함하는 입력의 이름입니다. 속성은 문자열 또는 문자열 배열을 포함할 수 있습니다.
- Binary: 이 소스 데이터를 선택하면 Input Binary Field를 입력하세요: 추출할 HTML을 포함하는 입력의 이름입니다. 속성은 문자열 또는 문자열 배열을 포함할 수 있습니다.
Extraction Values#
- Key: 추출된 값을 저장할 키를 입력하세요.
- CSS Selector: 검색할 CSS 선택기를 입력하세요.
- Return Value: 반환할 데이터 유형을 선택하세요. 다음에서 선택할 수 있습니다:
- Attribute: 요소에서
class
와 같은 속성 값을 반환합니다.- 이 옵션을 선택하면 반환할 Attribute의 이름을 입력하세요.
- HTML: 요소가 포함하고 있는 HTML을 반환합니다.
- Text: 요소의 텍스트 콘텐츠를 반환합니다.
- 이 옵션을 선택하는 경우 Skip Selectors에서 건너뛸 선택기 목록을 쉼표로 구분하여 입력할 수 있습니다.
- Value: 입력, 선택 또는 텍스트 영역의 값을 반환합니다.
- Attribute: 요소에서
- Return Array: 여러 추출 값을 배열(켜짐)로 반환할지 단일 문자열(꺼짐)로 반환할지를 선택합니다.
HTML 콘텐츠 추출 옵션#
이 작업은 다음 옵션으로 구성할 수 있습니다:
- 값 다듬기: 값의 시작과 끝에서 모든 공백과 줄 바꿈을 제거할지 (켜짐) 아니면 그대로 두는지 (꺼짐)를 제어합니다.
- 텍스트 정리: 선행 공백, 후행 공백 및 줄 바꿈 (새 줄)을 제거하고 여러 개의 연속 공백을 하나의 공백으로 압축할지 (켜짐) 아니면 그대로 두는지 (꺼짐)를 제어합니다.
HTML 표로 변환#
이 작업은 다른 노드에서 데이터를 기대합니다. 매개변수가 없습니다. 다음 옵션이 포함됩니다:
- 헤더 대문자화: 표의 헤더를 대문자로 만들지 (켜짐) 아니면 만들지 않을지를 제어합니다 (꺼짐).
- 사용자 정의 스타일링: 사용자 정의 스타일링을 사용할지 (켜짐) 아니면 사용하지 않을지를 제어합니다 (꺼짐).
- 캡션: 표에 추가할 캡션을 입력합니다.
- 표 속성:
<table>
에 적용할 속성을 입력합니다. 예를 들어 스타일 속성이 있습니다. - 헤더 속성: 표의 헤더
<th>
에 적용할 속성을 입력합니다. - 행 속성: 표의 행
<tr>
에 적용할 속성을 입력합니다. - 셀 속성: 표의 셀
<td>
에 적용할 속성을 입력합니다.