Markdown Preview trực tiếp

Dán hoặc gõ Markdown và xem nó hiển thị ngay khi bạn viết. Bản xem trước theo con trỏ từng dòng, khớp với kết quả của GitHub, và thêm những phần GitHub bỏ qua — sơ đồ, công thức và cảnh báo.

Mở xem trước trực tiếp

Miễn phí · không cần đăng ký · chạy trong trình duyệt, không tải lên gì cả

Markdown Viewer ở bố cục chia đôi: mã nguồn Markdown bên trái, bản xem trước kiểu GitHub bên phải — Bố cục chia đôi — mã nguồn và bản xem trước cạnh nhau, cuộn đồng bộ theo từng dòng.

Kiểm tra Markdown trước khi xuất bản

Markdown dễ viết và cũng dễ sai một chút: thiếu một dòng trống biến danh sách thành đoạn văn, một khoảng trắng thừa làm vỡ bảng, bốn khoảng trắng thành khối mã. Bản xem trước trực tiếp cho thấy kết quả ngay lập tức, nên bạn sửa định dạng trong lúc viết thay vì sau khi commit. Trình hiển thị theo GitHub-Flavored Markdown, nên thứ bạn thấy ở đây chính là dáng vẻ của README, trang wiki hay mô tả pull request.

Cuộn đồng bộ chính xác theo dòng

Hầu hết trình xem trước cuộn hai khung theo phần trăm, và lệch ngay khi tài liệu có bảng hay hình ảnh lớn. Bản xem trước này ánh xạ mỗi khối về dòng nguồn của nó, nên đoạn đã hiển thị luôn nằm cạnh dòng bạn đang sửa — theo cả hai chiều. Bấm một tiêu đề trong dàn ý và cả hai khung cùng nhảy tới.

Vượt xa Markdown cơ bản

Bản xem trước hiển thị khối mã tô sáng cho hơn 50 ngôn ngữ, sơ đồ ```mermaid, công thức KaTeX $…$ và $$…$$, cảnh báo GitHub (> [!WARNING]), danh sách công việc, chú thích cuối trang, mã emoji, front matter và HTML nội tuyến đã làm sạch như <details>. Chuyển giữa 16 giao diện để xem tài liệu đọc thế nào ở chế độ sáng và tối, và chọn thân văn bản không chân, có chân hoặc đơn cách. Sơ đồ có hẳn một trang hướng dẫn riêng: trang Mermaid live editor liệt kê mọi loại sơ đồ hiển thị được.

Xem thực tế

Công thức KaTeX dạng khối và lưu đồ Mermaid được hiển thị ngay trong bản xem trước — Công thức KaTeX và lưu đồ Mermaid hiển thị ngay trong tài liệu.

Các khung cảnh báo Note, Important, Warning và Caution kiểu GitHub, một trích dẫn và một phần details có thể thu gọn trong giao diện GitHub Dark — Cảnh báo kiểu GitHub, trích dẫn và các phần <details> thu gọn được, trong GitHub Dark.

Các khối mã TypeScript, Python, Bash và diff được tô sáng cú pháp, có nhãn ngôn ngữ và nút sao chép — Khối mã có nhãn ngôn ngữ, tô sáng cú pháp cho hơn 50 ngôn ngữ và nút sao chép — đây là giao diện One Dark.

Bộ chọn giao diện hiển thị 16 giao diện sáng và tối với mẫu màu — Mười sáu giao diện, mỗi giao diện có bảng màu cú pháp riêng — hoặc theo cài đặt sáng/tối của hệ thống.

Cách hoạt động

1
Dán hoặc gõ Markdown vào khung bên trái, hoặc thả một tệp .md.
2
Khung bên phải hiển thị trực tiếp; cuộn bên nào thì bên kia theo.
3
Sao chép HTML đã hiển thị, xuất trang, hoặc tải xuống Markdown khi thấy ưng ý.

Bạn nhận được gì

Hiển thị tức thì

Cập nhật trong vài mili giây ngay cả với tài liệu dài.

Chính xác như GitHub

Cùng quy tắc cú pháp với README, issue và wiki của GitHub.

Cuộn đồng bộ theo dòng

Bản xem trước và mã nguồn luôn khớp; tắt đi nếu bạn thích.

Sơ đồ và công thức

Mermaid và KaTeX hiển thị ngay trong bản xem trước.

Giao diện và kiểu chữ

16 giao diện, ba họ phông chữ, cỡ chữ và độ rộng điều chỉnh được.

Không tải lên

Việc hiển thị diễn ra trong trình duyệt; văn bản ở lại trên thiết bị của bạn.

Câu hỏi thường gặp

Bản xem trước có giống GitHub không?

Nó theo GitHub-Flavored Markdown cho tiêu đề, danh sách, bảng, danh sách công việc, gạch ngang, liên kết tự động và cảnh báo. Mermaid, công thức và chú thích cũng được hiển thị, những thứ GitHub chỉ hỗ trợ một phần.

Tôi có thể xem trước tệp từ URL không?

Có — Mở → Từ URL nhận bất kỳ URL Markdown raw nào, và liên kết blob hay Gist của GitHub được tự động chuyển thành raw.

Chỉ xem trước thôi, không cần trình soạn thảo được không?

Được. Chọn bố cục Xem trước để có giao diện đọc toàn chiều rộng với thanh dàn ý.

Nó có hiển thị HTML bên trong Markdown không?

Có, HTML nội tuyến thông dụng như <details>, <kbd>, <img> và <br> được hiển thị; script, style và trình xử lý sự kiện bị loại bỏ để an toàn.

Làm sao lấy HTML đã hiển thị?

Xuất → Sao chép dạng HTML đưa mã đã hiển thị vào bộ nhớ tạm; Tải xuống .html lưu một trang hoàn chỉnh với giao diện hiện tại.

Công cụ liên quan

Sẵn sàng khi bạn cần

Dán Markdown, thả tệp vào hoặc mở một URL — bản xem trước hiện ra ngay lập tức và mọi thứ ở lại trên thiết bị của bạn.

Mở Markdown Viewer