Xem trước Markdown
Xem trước Markdown dưới dạng HTML đã được hiển thị
Hello, Markdown
A quick bold word and some italics.
- Bullet one
- Bullet two
- Nested
- Bullet three
const greeting = 'hello world';
console.log(greeting);
Block quotes work too.
| Col A | Col B |
|---|---|
| 1 | 2 |
| 3 | 4 |
Phiên bản Markdown nào được hỗ trợ?
Xem trước sử dụng trình phân tích `marked` được cấu hình cho Markdown tương thích GitHub (GFM): bảng với các ký tự phân cách `|`, khối mã được bao quanh bằng các dấu ``` và gợi ý ngôn ngữ, liên kết tự động cho các URL, hộp kiểm danh sách công việc (`- [ ]`), và gạch ngang với `~~text~~`.
Đầu ra HTML được làm sạch trước khi hiển thị, vì vậy việc dán Markdown không đáng tin cậy không thể chèn thẻ script hoặc stylesheet vào trình duyệt của bạn. Nếu bạn cần đầu ra HTML thô chưa được làm sạch, hãy sử dụng một trình phân tích chuyên dụng tại chỗ.
Trường hợp sử dụng
- Xem trước README trước khi cam kết — xem cách GitHub sẽ hiển thị tiêu đề, khối mã và danh sách.
- Soạn thảo tài liệu — viết tài liệu API bằng markdown và xem trước định dạng trước khi dán vào Notion hoặc wiki.
- Soạn thảo bài viết bản tin — viết bằng markdown và xem trước cho Substack hoặc Beehiiv trước khi dán.
- Định dạng câu trả lời trên Stack Overflow — xem trước các khối mã, danh sách và liên kết trước khi gửi.
Ví dụ
# Title
**bold** and *italic* text.
- list item
- another<h1>Title</h1>
<p><strong>bold</strong> and <em>italic</em> text.</p>
<ul><li>list item</li><li>another</li></ul>Câu hỏi thường gặp
Các phần mở rộng Markdown nào được hỗ trợ?
Markdown tương thích GitHub: bảng, khối mã được bao quanh, liên kết tự động, danh sách công việc, gạch ngang. Chú thích cuối trang và khối lưu ý (admonition) không được hỗ trợ.
Có cho phép HTML bên trong Markdown không?
Có, nhưng đầu ra được làm sạch — `<script>`, `<style>`, và các thuộc tính sự kiện sẽ bị xóa trước khi hiển thị.
Tôi có thể xuất HTML đã được hiển thị không?
Sử dụng chức năng xem nguồn của trình duyệt hoặc DevTools để sao chép HTML đã được hiển thị. Nhấp chuột phải vào xem trước và 'Xem nguồn khung' nếu có.
Các khối mã có được tô màu cú pháp không?
Không — các khối mã được bao quanh hiển thị với kiểu chữ monospace nhưng không có tô màu ngôn ngữ. Thêm một trình xử lý Markdown như `markdown-it` + `highlight.js` tại chỗ để có điều đó.
Đầu vào có được gửi đến máy chủ không?
Không. Việc phân tích và hiển thị diễn ra trong trình duyệt của bạn.