Markdown Editor

Viết Markdown chuẩn GitHub với bản xem trước trực tiếp, có tô màu cú pháp.

519 ký tự84 từ
FAQ
Nhóm Văn bản (Text)•Tài liệu kỹ thuật & Đặc tả RFC

Tài liệu & Hướng dẫn chuyên sâu: Trình soạn thảo Markdown trực tiếp (GitHub Flavored Markdown)

1. Tổng quan & Nguyên lý hoạt động

Markdown là ngôn ngữ đánh dấu siêu văn bản siêu nhẹ được tạo ra bởi John Gruber, nhằm giúp lập trình viên viết tài liệu kỹ thuật nhanh chóng bằng văn bản thô dễ đọc nhưng có thể xuất ra mã HTML chuẩn xác. Tiện ích Markdown Editor của Verdbench hỗ trợ đầy đủ đặc tả GitHub Flavored Markdown (GFM - RFC 7763), bao gồm bảng dữ liệu (Tables), danh sách tác vụ (Task Lists), khối mã nguồn tô màu cú pháp (Syntax Highlighted Code Fences) và trích dẫn nâng cao. Hệ thống hiển thị hai khung soạn thảo và xem trước trực tiếp (Live Preview) mượt mà với thống kê từ và ký tự theo thời gian thực.

2. Ưu thế kiến trúc & Tính năng nổi bật

Tương thích 100% chuẩn GitHub (GFM)

Hỗ trợ đầy đủ các tiện ích mở rộng của GitHub: gạch ngang chữ (~~strike~~), bảng kẻ cột, hộp kiểm công việc (- [x]), và liên kết tự động nhận diện URL.

Tô màu cú pháp hơn 50+ ngôn ngữ

Tích hợp highlight.js tự động nhận diện ngôn ngữ trong các khối code (```typescript, ```csharp, ```python...) giúp xem trước README.md chân thực như trên repo GitHub.

Giao diện chia đôi trực quan (Split Editor)

Cuộn đồng bộ mượt mà giữa ô nhập Markdown và bản xem trước HTML, phím tắt định dạng văn bản nhanh chóng, tối ưu hóa cho màn hình rộng.

3. Bảng tra cứu cú pháp GitHub Flavored Markdown (GFM) thông dụng

Cẩm nang cú pháp Markdown chuẩn giúp bạn viết README.md, tài liệu API và ghi chú dự án chuyên nghiệp:

Yếu tố định dạngCú pháp MarkdownKết quả hiển thịLưu ý sử dụng
Tiêu đề (Headings)# H1 ## H2 ### H3Tiêu đề cấp độ 1, 2, 3Luôn cách 1 dấu cách sau ký tự #.
Khối mã nguồn (Code Block)```typescript const x: number = 42; ```Khối code có tô màu cú phápGhi tên ngôn ngữ (ts, js, cs, py, sh) ngay sau 3 dấu backticks.
Bảng dữ liệu (Tables)| Cột 1 | Cột 2 | | :--- | ---: | | Trái | Phải |Bảng căn lề trái / phảiDùng dấu hai chấm (:) ở hàng phân cách để căn lề (:--- trái, ---: phải, :---: giữa).
Danh sách công việc (Task List)- [x] Đã xong - [ ] Chưa xongCheckbox tương tácChữ x viết hoa hoặc thường bên trong ngoặc vuông biểu thị hoàn thành.
Trích dẫn cảnh báo (Alerts)> [!NOTE] > Thông tin lưu ý quan trọngHộp thông báo nổi bật màu xanh/vàngCú pháp GitHub Alerts mới: [!NOTE], [!TIP], [!IMPORTANT], [!WARNING], [!CAUTION].

4. Câu hỏi thường gặp (FAQ)

Giải đáp các thắc mắc phổ biến của lập trình viên khi sử dụng tiện ích Trình soạn thảo Markdown trực tiếp (GitHub Flavored Markdown).

CommonMark là chuẩn hóa nghiêm ngặt của cú pháp Markdown nguyên bản để đảm bảo mọi trình biên dịch đều cho ra một kết quả HTML giống hệt nhau. GFM là phần mở rộng do GitHub phát triển dựa trên CommonMark, bổ sung thêm các tính năng thiết yếu cho lập trình viên như Bảng (Tables), Danh sách việc cần làm (Task lists), Gạch ngang (Strikethrough) và tự động nhận diện link.