การใช้งาน HTML

เอกสารประกอบสำหรับ node HTML ใน n8n ซึ่งเป็นแพลตฟอร์มอัตโนมัติของ workflow รวมถึงคำแนะนำในการใช้งาน และลิงก์ไปยังตัวอย่าง

node HTML มีการดำเนินการเพื่อช่วยให้คุณทำงานกับ HTML ใน n8n

ความพร้อมใช้งานของคุณสมบัติ (Feature availability)

node HTML พร้อมใช้งานตั้งแต่ n8n 0.213.0 โดยแทนที่ node HTML Extract หากคุณใช้ n8n เวอร์ชันเก่า คุณยังคงสามารถดูได้ เอกสารประกอบ node แยก HTML .

การเขียนสคริปต์ข้ามไซต์ (Cross-site scripting)

เมื่อใช้ node HTML เพื่อสร้างเทมเพลต HTML คุณสามารถแนะนำได้ XSS (การเขียนสคริปต์ข้ามไซต์) . นี่เป็นความเสี่ยงด้านความปลอดภัย โปรดระวัง input ที่ไม่น่าเชื่อถือ

การดำเนินงาน

• สร้างเทมเพลต HTML (Generate HTML template) : ใช้การดำเนินการนี้เพื่อสร้างเทมเพลต HTML สิ่งนี้ทำให้คุณสามารถดึงข้อมูลจาก workflow ของคุณและส่งออกเป็น HTML
• แยกเนื้อหา HTML (Extract HTML content) : แยกเนื้อหาจากแหล่งที่มีรูปแบบ HTML แหล่งที่มาสามารถอยู่ใน JSON หรือไฟล์ไบนารี ( .html).
• Convert to HTML Table : แปลงเนื้อหาเป็นตาราง HTML

parameter และตัวเลือกของ node ขึ้นอยู่กับการดำเนินการที่คุณเลือก โปรดดูส่วนด้านล่างสำหรับรายละเอียดเพิ่มเติมเกี่ยวกับการกำหนดค่าการดำเนินการแต่ละรายการ

สร้างเทมเพลต HTML

สร้างเทมเพลต HTML สิ่งนี้ทำให้คุณสามารถดึงข้อมูลจาก workflow ของคุณและส่งออกเป็น HTML

คุณสามารถรวม:

• HTML มาตรฐาน
• CSS ใน <style> แท็ก
• จาวาสคริปต์ใน <script> แท็ก n8n ไม่รัน JavaScript
• สำนวนที่ห่อหุ้มไว้ {{}}.

คุณสามารถใช้ expression ในเทมเพลต รวมถึง n8n ด้วย วิธีการและตัวแปรในตัว .

แยกเนื้อหา HTML

แยกเนื้อหาจากแหล่งที่มีรูปแบบ HTML แหล่งที่มาสามารถอยู่ใน JSON หรือไฟล์ไบนารี ( .html).

ใช้ parameter เหล่านี้:

Source Data

เลือกประเภทแหล่งที่มาสำหรับเนื้อหา HTML ของคุณ เลือกระหว่าง:

• JSON : หากคุณเลือกแหล่งข้อมูลนี้ ให้ป้อน JSON Property : ชื่อของ input ที่มี HTML ที่คุณต้องการแยก คุณสมบัติสามารถมี string หรือ array ของ string ได้
• Binary : หากคุณเลือกแหล่งข้อมูลนี้ ให้ป้อน Input Binary Field : ชื่อของ input ที่มี HTML ที่คุณต้องการแยก คุณสมบัติสามารถมี string หรือ array ของ string ได้

Extraction Values

• Key : ป้อนรหัสเพื่อบันทึกค่าที่แยกออกมาด้านล่าง
• CSS Selector : ป้อนตัวเลือก CSS เพื่อค้นหา
• Return Value : เลือกประเภทข้อมูลที่จะส่งกลับ เลือกจาก:
  • Attribute : ส่งคืนค่าแอตทริบิวต์เช่น class จากองค์ประกอบ
    • หากคุณเลือกตัวเลือกนี้ ให้ป้อนชื่อของ Attribute เพื่อคืนค่าของ
  • HTML : ส่งคืน HTML ที่องค์ประกอบมีอยู่
  • Text : กลับเนื้อหาข้อความขององค์ประกอบ
    • หากคุณเลือกตัวเลือกนี้ คุณยังสามารถป้อนรายการตัวเลือกที่คั่นด้วยเครื่องหมายจุลภาคเพื่อข้ามไปได้ Skip Selectors.
  • Value : ส่งกลับค่าของ input เลือก หรือพื้นที่ข้อความ
• Return Array : เลือกว่าจะส่งคืนค่าการแยกหลายค่าเป็น array (เปิด) หรือเป็น string เดี่ยว (ปิด)

แยกตัวเลือกเนื้อหา HTML (Extract HTML Content options)

คุณยังสามารถกำหนดค่าการดำเนินการนี้ด้วยตัวเลือกเหล่านี้:

• Trim Values : ควบคุมว่าจะลบช่องว่างและการขึ้นบรรทัดใหม่ทั้งหมดจากจุดเริ่มต้นและจุดสิ้นสุดของค่า (เปิด) หรือปล่อยไว้ (ปิด)
• Clean Up Text : ควบคุมว่าจะลบช่องว่างนำหน้า ช่องว่างต่อท้าย และตัวแบ่งบรรทัด (ขึ้นบรรทัดใหม่) และย่อช่องว่างหลายช่องที่ต่อเนื่องกันให้เป็นช่องว่างเดียว (เปิด) หรือจะปล่อยไว้เหมือนเดิม (ปิด)

แปลงเป็นตาราง HTML

การดำเนินการนี้ต้องการข้อมูลจาก node อื่น มันไม่มี parameter ประกอบด้วยตัวเลือกเหล่านี้:

• Capitalize Headers : ควบคุมว่าจะใช้ตัวพิมพ์ใหญ่ให้กับส่วนหัวของตาราง (เปิด) หรือไม่ (ปิด)
• Custom Styling : ควบคุมว่าจะใช้สไตล์แบบกำหนดเอง (เปิด) หรือไม่ (ปิด)
• Caption : ป้อนคำบรรยายเพื่อเพิ่มลงในตาราง
• Table Attributes : ป้อนแอตทริบิวต์ใด ๆ ที่จะนำไปใช้กับ <table> เช่นแอตทริบิวต์สไตล์
• Header Attributes : ป้อนแอตทริบิวต์ใดๆ ที่จะนำไปใช้กับส่วนหัวของตาราง <th>.
• Row Attributes : ป้อนแอตทริบิวต์ที่จะใช้กับแถวของตาราง <tr>.
• Cell Attributes : ป้อนแอตทริบิวต์ใดๆ ที่จะนำไปใช้กับเซลล์ของตาราง <td>.

เทมเพลตและตัวอย่าง

เรียกดูเทมเพลตการรวม HTML หรือ ค้นหาเทมเพลตทั้งหมด