Test 6 — Links & Metadata

# Test 6: Interactive & Document Metadata

ทดสอบ Internal Links, External Links, และ Bookmarks

### Test 6.1 — Internal Links & Bookmarks

สารบัญ (Table of Contents) — คลิกเพื่อกระโดดไปยังหัวข้อ:

1. บทนำ — ทำไมต้องสร้าง PDF จาก HTML

2. สถาปัตยกรรมระบบ

3. วิธีใช้งาน CLI

4. สรุปและแนวทางพัฒนาต่อ

✓ 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

ลิงก์ที่คลิกได้:

GitHub: https://github.com

Google: https://google.com

MDN Web Docs: https://developer.mozilla.org

ลิงก์ในประโยค:

อ่านเพิ่มเติมที่ Intl.Segmenter V2 proposal สำหรับการตัดคำภาษาไทย

✓ External link (<a href="https://...">) ทำงานแล้ว — คลิกเพื่อเปิดในเบราว์เซอร์