Test 6: Interactive & Document Metadata
ทดสอบ Internal Links, External Links, และ Bookmarks
Test 6.1 — Internal Links & Bookmarks
สารบัญ (Table of Contents) — คลิกเพื่อกระโดดไปยังหัวข้อ:
✓ Internal link (<a href="#id">) ทำงานแล้ว — คลิกเพื่อข้ามไปยังจุดหมาย
บทที่ 1: บทนำ — ทำไมต้องสร้าง PDF จาก HTML
การสร้าง PDF จาก HTML/CSS เป็นความต้องการพื้นฐานในแอปพลิเคชันธุรกิจ ไม่ว่าจะเป็นใบแจ้งหนี้ รายงาน ใบเสร็จรับเงิน หรือเอกสารทางการ
LynPDF Creator ถูกออกแบบมาเพื่อรองรับภาษาไทยเป็นพิเศษ รวมถึง layout ที่ซับซ้อนผ่าน Yoga Flexbox Engine
บทที่ 2: สถาปัตยกรรมระบบ
ระบบประกอบด้วย 4 ส่วนหลัก:
- HTML Parser — แปลง HTML เป็น DOM tree (parse5)
- CSS Parser — แปลง CSS เป็น style rules (css-tree)
- Layout Engine — คำนวณตำแหน่งและขนาด (Yoga Layout)
- PDF Renderer — วาดลงไฟล์ PDF (PDFKit)
บทที่ 3: วิธีใช้งาน CLI
ใช้งานผ่าน command line:
lynpdf -i input.html -c styles.css -o output.pdf
Options:
- -i, --input — ไฟล์ HTML ต้นฉบับ
- -o, --output — ไฟล์ PDF ที่จะสร้าง
- -c, --css — ไฟล์ CSS เสริม
- --page-size — ขนาดกระดาษ (A4, A3, letter)
- --margin — ขอบกระดาษเป็น pt
บทที่ 4: สรุปและแนวทางพัฒนาต่อ
ฟีเจอร์ที่วางแผนจะพัฒนาเพิ่มเติม:
- Internal/External links ใน PDF
- border-radius (มุมโค้ง)
- overflow: hidden (clipping)
- position: absolute/fixed
- thead/tfoot repeat ข้ามหน้า
- page-break-inside: avoid
- orphans/widows
Test 6.2 — External Links
ลิงก์ที่คลิกได้:
ลิงก์ในประโยค:
✓ External link (<a href="https://...">) ทำงานแล้ว — คลิกเพื่อเปิดในเบราว์เซอร์