Addon 2x [VNXF 2x] Table of Content (TOC) - Tạo ngay mục lục tự động cho bài viết của bạn

Blue

Founder
Thành viên BQT
Bạn đang viết những bài dài, nhiều nội dung trên diễn đàn XenForo và muốn người đọc dễ dàng theo dõi, nhảy nhanh đến phần cần tìm? Giải pháp chính là Add-on [VNXF 2x] Table of Content (TOC) - Tạo ngay mục lục tự động cho bài viết của bạn.

addon-vnxf-table-of-contents.png

Tính năng nổi bật​

Tự động tạo mục lục: Add-on sẽ quét nội dung bài viết đầu tiên trong thread và lấy ra các thẻ Heading (H2, H3...) để làm danh sách mục lục.
Điều hướng nhanh chóng: Người đọc chỉ cần click vào mục trong TOC là sẽ được đưa đến ngay phần tương ứng trong bài.
Hiển thị gọn gàng: TOC hiển thị ngay đầu bài viết, dễ nhìn, không chiếm chỗ.
Ẩn/hiện linh hoạt: Có nút bấm để mở hoặc thu gọn mục lục, phù hợp với cả bài viết ngắn lẫn dài.
Thân thiện SEO: Bài viết có cấu trúc rõ ràng, giúp Google và các công cụ tìm kiếm hiểu nội dung tốt hơn.

1757243903796.png

Lợi ích cho diễn đàn​

Tăng trải nghiệm người dùng: độc giả không bị “ngợp” trước bài viết dài.
Giữ chân người đọc lâu hơn, hạn chế thoát trang.
Bài viết chuyên nghiệp, dễ đọc, dễ chia sẻ.

Cách sử dụng:​

Cài addon như bình thường.
Khi đăng chủ đề, dòng chữ nào format kiểu heading 1, heading 2 sẽ tự động được đưa vào Mục lục, không thỏa mãn điều kiện thì không có mục lục

1757243947572.png

Nếu bạn thường xuyên viết bài hướng dẫn, chia sẻ kiến thức, review dài… thì Add-on [VNXF 2x] Table of Content (TOC) cho XenForo là công cụ không thể thiếu. Hãy thử ngay để thấy sự khác biệt. Cảm ơn bạn đã ủng hộ VNXF.

Cập nhật bản 2.0
- Full hỗ trợ cho XF 2.2 và 2.3
- Dùng cho cả resource

Xin cảm ơn đóng góp của bạn @thahtrung06

Cập nhật phiên bản 2.1​


Phiên bản 2.1 mang đến nhiều cải tiến về giao diện và khả năng tương thích, giúp addon hoạt động mượt hơn và đồng bộ hoàn toàn với hệ thống [VNXF] Core.

Có gì mói?​

  • Hỗ trợ giao diện sáng và tối: TOC tự động nhận biết chế độ Light/Dark từ [VNXF] Core, hiển thị đồng bộ với toàn site. Không cần chỉnh thủ công.
  • Tương thích hoàn toàn với XenForo 2.2 và 2.3: Đã kiểm thử trên các bản XenForo mới nhất, đảm bảo cài đặt và hiển thị ổn định.
  • Hiển thị tốt trên Thread và Resource: TOC tự động xuất hiện trong bài viết đầu tiên và trang mô tả của Resource.
  • Giao diện đơn giản, hiện đại, mượt mà: Thiết kế tương tự giao diện VNXF - tối giản, dễ đọc và dễ điều hướng.
  • Cấu trúc code JS/SCSS tối ưu: Cải thiện tốc độ render, ẩn/hiện mục lục mượt hơn.

Yêu cầu hệ thống​

Trước khi cài đặt hoặc nâng cấp, vui lòng đảm bảo:
  • TOC phụ thuộc vào Core để đọc cấu hình màu (color variation) và nhận biết theme sáng/tối
vnxf-core-color-variation-img.jpg

Blue - VNXF
 

Đính kèm

Sửa lần cuối:
Unfortunately, the [VNXF 2x] Table of Content (TOC) is not fully compatible with the Advanced Bb Codes Pack.
 
My mistake, it's [cXF] Advanced Footer 2.4.0 which is not compatible with [VNXF 2x] Table of Content (TOC)
 
Các bạn lưu ý, với phiên bản 2.0 mới được cập nhật sẽ hỗ trợ trên cả XF 2.2 và 2.3 cũng như sẽ hiển thị mục lục tự động trên cả chủ đề và trang tài nguyên.
 
Các bạn lưu ý, với phiên bản 2.0 mới được cập nhật sẽ hỗ trợ trên cả XF 2.2 và 2.3 cũng như sẽ hiển thị mục lục tự động trên cả chủ đề và trang tài nguyên.
bạn cho mình hỏi cái này có chỉnh cái table nó xuống 1 đoạn văn bản đc không, hay chỉ auto hiển thị đầu tiên
 
màu nền của mục lục này không tự tương thích với diễn đàn chuyển sang nền tối. phải fix như nào đây các bạn
 

Cập nhật phiên bản 2.1​


Phiên bản 2.1 mang đến nhiều cải tiến về giao diện và khả năng tương thích, giúp addon hoạt động mượt hơn và đồng bộ hoàn toàn với hệ thống [VNXF] Core.

  • Hỗ trợ giao diện sáng và tối: TOC tự động nhận biết chế độ Light/Dark từ [VNXF] Core, hiển thị đồng bộ với toàn site. Không cần chỉnh thủ công.
  • Tương thích hoàn toàn với XenForo 2.2 và 2.3: Đã kiểm thử trên các bản XenForo mới nhất, đảm bảo cài đặt và hiển thị ổn định.
  • Hiển thị tốt trên Thread và Resource: TOC tự động xuất hiện trong bài viết đầu tiên và trang mô tả của Resource.
  • Giao diện đơn giản, hiện đại, mượt mà: Thiết kế tương tự giao diện VNXF - tối giản, dễ đọc và dễ điều hướng.
  • Cấu trúc code JS/SCSS tối ưu: Cải thiện tốc độ render, ẩn/hiện mục lục mượt hơn.
Trước khi cài đặt hoặc nâng cấp, vui lòng đảm bảo:

  • TOC phụ thuộc vào Core để đọc cấu hình màu (color variation) và nhận biết theme sáng/tối
vnxf-core-color-variation-img.jpg
 
Back
Top