Tạo mục lục (Table of Contents) với accordion và toggle Xem thêm/Thu gọn, giữ nguyên toàn bộ nội dung HTML gốc, decode HTML entities.
1. Dán HTML code của bài viết vào ô nhập liệu
2. Chọn vị trí chèn mục lục (trước heading, sau đoạn văn đầu)
3. Chọn tùy chọn: đánh số, accordion, thu gọn mặc định
4. Nhấn "Tạo Mục Lục"
5. Copy toàn bộ HTML đã có mục lục để sử dụng
6. Nhấn "Xử lý" (hoặc tên button tương ứng) hoặc phím tắt Ctrl+Enter.
7. Sao chép kết quả hoặc nhấn Ctrl+K để xóa.
• Inline styles only: Không có <style> block - tương thích mọi editor
• CKEditor compatible: Hoạt động trong mọi rich text editor
• Zero conflicts: Không dùng CSS classes, chỉ inline onclick handlers
• Decode entities: Chuyển & → &, < → <
• Accordion: Click để mở/đóng mục con (▼/▶)
• Toggle "Xem thêm/Thu gọn": Ẩn/hiện mục lục
• Responsive: Hoạt động tốt trên mobile
Accordion Table of Contents là mục lục có thể thu gọn/mở rộng các mục con. Giúp tiết kiệm không gian, UX tốt hơn cho bài viết dài với nhiều phân mục.
Tiết kiệm không gian: Không chiếm quá nhiều diện tích màn hình
Tập trung nội dung: Người đọc focus vào bài viết, không bị phân tâm
Mobile-friendly: Quan trọng cho màn hình nhỏ
SEO: Google vẫn đọc được cấu trúc HTML
UX: User kiểm soát được hiển thị
onclick handlers: Toggle visibility trực tiếp qua JavaScript
Inline styles: Tất cả styling trong style attribute
No CSS classes: Không conflict với website khách hàng
Self-contained: Copy-paste là dùng được ngay
CKEditor/TinyMCE safe: Không bị strip như <style> tags
Email-friendly: Hoạt động trong email HTML
Zero conflicts: Không override CSS của website
Portable: Copy-paste anywhere, works everywhere
Xem nhanh
▼
