ตัวสร้าง Markdown TOC (สร้างอัตโนมัติจากหัวข้อ)

สร้างสารบัญจากหัวข้อใน Markdown โดยอัตโนมัติ เลือกระดับหัวข้อ (เช่น H2-H4) จากนั้นคัดลอกผลลัพธ์ที่แก้ไขต่อได้แล้วนำไปวางได้ทันที

รองรับ H2-only, โหมด anchor และการจัดการหัวข้อซ้ำโดยไม่ต้องตั้งค่าเพิ่มเติม

ข้อความของคุณจะอยู่ภายในเบราว์เซอร์และจะไม่ถูกอัปโหลด

วิธีใช้ (30 วินาที)

  1. วางข้อความ Markdown ของคุณ
  2. เลือกระดับหัวข้อ (H2-only / H2-H4 ฯลฯ)
  3. คัดลอก TOC ที่สร้างขึ้นแล้วนำไปวางในเอกสารของคุณ

ตัวอย่างอินพุตและเอาต์พุต

ตัวอย่างที่มีหัวข้อซ้ำ

อินพุต

# Document Title
## Overview
## Usage
### Install
### Settings
## FAQ
## FAQ

ผลลัพธ์ (H2-H3 / bullet list / เปิดหัวข้อ TOC)

## Table of contents

- [Overview](#overview)
- [Usage](#usage)
  - [Install](#install)
  - [Settings](#settings)
- [FAQ](#faq)
- [FAQ](#faq-2)

ข้อกำหนด (กฎ anchor และหัวข้อซ้ำ)

กฎการดึงหัวข้อ

  • ดึงหัวข้อแบบ ATX (# ถึง ####) ภายในช่วงที่เลือก
  • ละเว้นบรรทัดภายใน fenced code block (``` ... ```)
  • ใช้ตัวกรองระดับ (H2 only / H2-H3 / H2-H4 / H1-H4)
  • หัวข้อแบบ Setext (=== / ---) ยังไม่รวมในเวอร์ชันแรก

กฎการสร้าง anchor (กฎของเครื่องมือ)

  1. ตัดช่องว่างหัวท้ายของข้อความหัวข้อ
  2. แปลงตัวอักษรภาษาอังกฤษเป็นตัวพิมพ์เล็ก
  3. แปลงช่องว่างเป็น '-'
  4. ลบสัญลักษณ์ทั้งหมด ยกเว้น '-'
  5. รวม '--' ที่ซ้ำกันให้เหลือ '-'
  6. ลบ '-' ที่หัวและท้าย
  7. เติม -2, -3 ... เมื่อมี anchor ซ้ำ

พฤติกรรมของลิงก์ TOC อาจแตกต่างกันตามแพลตฟอร์มที่โฮสต์และตัวดู Markdown ปรับผลลัพธ์ได้ตามต้องการ

คำถามที่พบบ่อย

สร้าง TOC แบบ H2-only ได้ไหม?

ได้ เลือก "H2 only" ใน Heading levels

anchor text ถูกกำหนดอย่างไร?

anchor จะเป็นไปตามกฎที่อธิบายไว้ในหน้านี้ และคุณยังเลือก "Custom" หรือแก้ผลลัพธ์ด้วยตนเองได้

จัดการหัวข้อซ้ำอย่างไร?

หัวข้อที่ซ้ำกันจะถูกเติม suffix เช่น -2, -3 เพื่อให้ anchor ไม่ซ้ำกัน

ตัดหัวข้อบางอันออกจาก TOC ได้ไหม?

ได้ ใช้ Exclude keywords ในการตั้งค่าขั้นสูง

สร้าง TOC แบบไม่มีลิงก์ได้ไหม?

ได้ เลือกโหมด anchor เป็น "No anchors"

ข้อควรทราบ

  • พฤติกรรมของ anchor แตกต่างกันไปตามสภาพแวดล้อมของ Markdown
  • ผลลัพธ์สามารถแก้ไขต่อได้ คุณจึงปรับให้เหมาะกับ renderer ของคุณได้
  • ข้อความอินพุตถูกประมวลผลภายในเบราว์เซอร์ของคุณ

เครื่องมือที่เกี่ยวข้อง