Markdown sang HTML

Chuyển Markdown thành mã HTML sạch, đúng ngữ nghĩa cho website, trình soạn thảo CMS, mẫu email và trang tĩnh. Chọn đoạn HTML trần để chèn vào trang có sẵn, hoặc tài liệu HTML đầy đủ đã kèm định dạng kiểu GitHub.

Các bước sử dụng

1. Gõ hoặc dán Markdown vào khung Markdown. Thanh nhập liệu ở đầu khung có Mở file, Dán, menu Dữ liệu mẫu (Ví dụ của công cụ này, README, Bài blog, Tài liệu API có bảng & code, Biên bản họp) và Xoá; bạn cũng có thể kéo thả file .md vào khung.
2. Định dạng bằng thanh công cụ phía trên ô nhập — Tiêu đề, đậm, nghiêng, danh sách, liên kết, hình ảnh, bảng, Phông chữ & cỡ chữ, Màu chữ, căn lề và menu Khác.
3. Chọn kiểu kết quả: Đoạn HTML chỉ gồm phần nội dung, còn Tài liệu HTML đầy đủ bọc thành trang hoàn chỉnh với tiêu đề lấy từ heading đầu tiên và CSS nhúng sẵn.
4. Điều chỉnh các công tắc: Id cho tiêu đề thêm id neo như id="install", Tô màu cú pháp thêm class highlight.js cho khối code, Giữ xuống dòng biến mỗi lần xuống dòng thành thẻ <br>.
5. Chuyển giữa Mã HTML và Xem trước phía trên kết quả, rồi sao chép mã bằng biểu tượng sao chép hoặc lưu bằng Tải file .html.

Mẹo

• Mặc định mã HTML gọn và đúng ngữ nghĩa: <h1>–<h6>, <p>, danh sách, <blockquote>, <table> có thuộc tính align và <pre><code class="language-…">.
• Chú thích cuối trang thành khối <section class="footnotes"> được đánh số, còn hộp lưu ý kiểu GitHub (> [!NOTE]) thành khối <div class="markdown-alert">.
• Căn lề, phông chữ, cỡ chữ và màu từ thanh công cụ được ghi dưới dạng HTML (<div align="center">, <span style="…">), nên đi thẳng vào kết quả.
• Id tiêu đề theo quy tắc slug của GitHub, nên liên kết như [Install](#install) chạy giống trên GitHub, kể cả tiêu đề trùng (intro, intro-1).
• Dung lượng kết quả hiện cạnh các nút, tiện khi ô nhập của CMS giới hạn độ dài.

Việc chuyển đổi chạy hoàn toàn trong trình duyệt, và HTML bạn tự viết trong Markdown được giữ nguyên.

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

Nên dùng đoạn HTML hay tài liệu đầy đủ?

Dùng Đoạn HTML khi nội dung đưa vào trang, template hay trình soạn CMS đã có sẵn kiểu dáng. Dùng Tài liệu HTML đầy đủ khi muốn một file mở ra là hiển thị đẹp ngay.

Vì sao xuống dòng đơn bị mất?

Markdown chuẩn nối các dòng trong một đoạn thành một. Hãy bật Giữ xuống dòng, kết thúc dòng bằng hai dấu cách, hoặc chèn xuống dòng từ menu Khác của thanh công cụ.

HTML tạo ra có được lọc an toàn không?

Không — kết quả phản ánh đúng những gì Markdown chứa, kể cả HTML bạn tự viết. Nếu đăng nội dung do người dùng không tin cậy viết, hãy lọc lại trên máy chủ trước khi hiển thị.