QuickATools

Công cụ lập trình · Free browser tool

Xem trước Markdown trực tiếp

Viết và xem trước cú pháp Markdown theo thời gian thực. Render HTML sạch với trực quan hóa tức thì mà không theo dõi dữ liệu phía máy chủ.

Markdown editor

Split view · compact client-side parser · HTML is escaped before render.

Source

596 chars

Live preview

Markdown Live Previewer

Write GitHub-style notes, README drafts, or AI prompt guides and preview them instantly.

Why this helps

  • See headings, lists, and emphasis as you type
  • Check italics, bold, and strikethrough
  • Keep drafts private — nothing leaves your browser

Inline & block code

Use npm run build for a quick check, or a fenced block:

function greet(name: string) {
  return `Hello, ${name}!`;
}

Tip: Paste a README draft here before you push it.

Links

Read more about CommonMark when you need the full spec.

Frequently Asked Questions

Markdown là gì, và vì sao nhiều tài liệu dùng nó?

Markdown là cú pháp định dạng văn bản thuần cho phép bạn viết tài liệu có cấu trúc bằng marker đơn giản — # cho tiêu đề, * hoặc - cho danh sách, **đậm**, và khối code có hàng rào — rồi chuyển văn bản đó sang HTML. Nó vẫn đọc được ở dạng thô, diff sạch trong git, và là mặc định cho README GitHub, mẫu issue và nhiều trình tạo site tĩnh.

Trình xem trước này hỗ trợ những tính năng Markdown nào?

Nó bao phủ tập con hàng ngày hầu hết bản nháp cần: tiêu đề ATX (h1–h3), đoạn, đậm/nghiêng/gạch ngang, danh sách không thứ tự và có thứ tự, blockquote, code nội dòng, khối code có hàng rào, đường ngang, và liên kết http(s)/mailto. Nó cố ý gọn chứ không phải engine CommonMark/GFM đầy đủ — phần mở rộng nâng cao như bảng hoặc danh sách nhiệm vụ ngoài phạm vi để bundle nhỏ.

Xem trước trực tiếp cải thiện năng suất nội dung thế nào?

Bạn bắt hàng rào hỏng, cấp tiêu đề lủng củng và định dạng danh sách khi viết thay vì sau commit hoặc xuất bản CMS. Chuyển giữa Visual Preview và HTML Source cũng giúp khi bạn cần markup đã render cho blog CMS hoặc mẫu email mà không đoán thẻ sẽ lồng thế nào.

Bản nháp của tôi có được tải lên hoặc lưu đâu không?

Không. Parse và render chạy hoàn toàn trong trình duyệt. HTML thô trong đầu vào được escape trước khi xem trước nên thẻ dán không thể thực thi, và không có gì gửi lên máy chủ — khiến an toàn hơn cho runbook nội bộ, bản nháp README chưa phát hành và hướng dẫn prompt AI không nên rời máy.

Công cụ bạn cũng có thể cần

Khám phá các tiện ích miễn phí khác trên trình duyệt cho người bán, nhà sáng tạo và chuyên gia.

Xem trước bản nháp README và hướng dẫn prompt mà không rời trình duyệt

Markdown là phương ngữ mặc định cho README GitHub, mẫu issue, bản nháp blog và thư viện prompt AI — nhưng nguồn một mình hiếm khi cho thấy phân cấp tiêu đề có đọc sạch không, hàng rào code đã đóng chưa, hoặc danh sách sẽ render đúng như bạn kỳ vọng chưa. Xem trước trực tiếp thu gọn sự đoán đó: gõ một bên, thấy HTML có cấu trúc bên kia, và sửa định dạng trước khi commit hoặc xuất bản.

Trình xem trước này cố ý nhẹ. Thay vì ship engine Markdown lớn, nó chuyển tập con cú pháp thực tế — tiêu đề, nhấn mạnh, danh sách, trích dẫn, code nội dòng và có hàng rào, và liên kết an toàn — bằng parser phía client gọn. HTML thô trong bản nháp được escape trước, nên thẻ <script> dán không thể thực thi trong khung xem trước.

Vì mọi thứ chạy cục bộ, tài liệu chưa xong, runbook nội bộ và hướng dẫn prompt không bao giờ rời máy. Không có tường tài khoản và không bước upload — mở công cụ, dán bản nháp, chuyển giữa Visual Preview và HTML Source, rồi sao chép markup đã render hoặc tải file .md.

Kết hợp với tiện ích developer khác: kiểm tra tương phản liên kết hoặc tiêu đề trong Kiểm tra tương phản màu WCAG, dọn JSON front matter bằng Định dạng & kiểm tra JSON, hoặc gỡ lỗi regex tài liệu trong Trình kiểm tra Regex. Với đoạn đã mã hóa trong tài liệu, dùng Mã hóa/Giải mã Base64.