Công cụ chuyển Markdown sang HTML

Công cụ chuyển Markdown sang HTML là gì?

Markdown là cú pháp định dạng văn bản thuần, nhẹ: # cho tiêu đề, **đậm**, - cho danh sách và dấu backtick cho code. Trình duyệt không thể hiển thị trực tiếp, nên cần chuyển sang HTML trước. Công cụ này làm việc đó ngay trong trình duyệt của bạn bằng bộ phân tích marked và hiển thị kết quả song song, rất tiện cho file README, tài liệu, bài blog viết bằng Markdown và nội dung cần dán vào CMS chỉ chấp nhận HTML.

Cú pháp được hỗ trợ

GitHub-flavored Markdown (GFM) bổ sung bảng dạng pipe với căn lề cột (|:---|:---:|---:|), danh sách việc cần làm, gạch ngang và tự động tạo liên kết cho URL trần. Khối code có rào chắn giữ ngôn ngữ dưới dạng class language-*, để các thư viện tô màu cú pháp như Prism hoặc highlight.js nhận diện.

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

Markdown cho phép HTML thô, nên một tài liệu có thể chứa thẻ <script>, trình xử lý onerror= hoặc liên kết javascript:. Bản xem trước luôn được làm sạch bằng DOMPurify trước khi hiển thị, và mặc định đầu ra HTML cũng được làm sạch tương tự. Nếu bạn chuyển đổi Markdown do người dùng gửi lên trên website của mình, hãy làm sạch cả ở máy chủ — làm sạch phía client chỉ bảo vệ trang này.

Giải thích các tùy chọn

• Xuống dòng thành <br> — Markdown chuẩn gộp các dòng trong cùng một đoạn; còn bình luận trên GitHub coi mỗi dấu xuống dòng là một lần ngắt dòng. Bật tùy chọn này để khớp với cách hoạt động của bình luận.
• ID cho tiêu đề — thêm thuộc tính id kiểu GitHub (chữ thường, nối bằng dấu gạch ngang, tránh trùng bằng -1, -2) để bạn liên kết tới #cai-dat hoặc tạo mục lục.
• Tài liệu HTML đầy đủ — bọc đầu ra trong <!doctype html>, <head> và <body>, dùng tiêu đề đầu tiên làm <title>.

Mẹo

Hãy để một dòng trống trước danh sách, bảng và khối code có rào chắn — nhiều lỗi kiểu “sao không hiển thị?” đến từ việc thiếu dòng trống. Cần làm ngược lại? Dùng công cụ chuyển HTML sang Markdown, rồi làm gọn kết quả bằng HTML Formatter.

Cũng được tìm dưới tên: chuyển markdown sang html, chuyển đổi md sang html, trình xem trước markdown, trình soạn thảo markdown, markdown github, trình chuyển đổi markdown, md sang html online.

Các công cụ dùng kèm tốt với Markdown sang HTML

• Markdown sang Webflow Rich Text — Dán Markdown, xem trước và sao chép dưới dạng rich text có định dạng.
• Mã hóa HTML Entity — Escape < > & " để văn bản hiển thị an toàn trong HTML, chuyển dấu và ký hiệu sang entity dạng tên hoặc số, hoặc giải mã HTML chứa entity về văn bản thuần.
• Đếm từ — Dán hoặc gõ văn bản để đếm từ và ký tự theo thời gian thực, kèm thời gian đọc và thời gian nói, mật độ từ khóa và kiểm tra độ dài cho tiêu đề SEO, mô tả meta và bài đăng mạng xã hội.
• So sánh văn bản — Dán bản gốc và bản đã chỉnh sửa để xem các dòng được thêm, xóa và thay đổi song song, kèm các từ chính xác đã đổi được tô sáng trong từng dòng.