Chuyển đến nội dung
SPCXTools

Chuyển đổi Markdown sang HTML

Viết hoặc dán Markdown, xem trước trực tiếp và sao chép mã HTML sạch.

Chạy cục bộ — tệp không bao giờ rời khỏi thiết bị của bạn

Đang tải công cụ…

Cách sử dụng Chuyển đổi Markdown sang HTML

  1. 1Nhập hoặc dán Markdown vào trình soạn thảo bên trái, hoặc bắt đầu với mẫu có sẵn.
  2. 2Giữ bật GitHub Flavored Markdown để hỗ trợ bảng, danh sách công việc và gạch ngang chữ, đồng thời chọn Ngắt dòng nếu muốn các lần xuống dòng đơn chuyển thành thẻ ngắt dòng.
  3. 3Chuyển đổi giữa Xem trước và HTML để xem kết quả hiển thị hoặc mã được tạo ra.
  4. 4Sao chép mã HTML vào trang web, CMS hoặc email của bạn, hoặc tải xuống toàn bộ trang .html đã được định dạng.

Chuyển đổi Markdown sang HTML có xem trước trực tiếp

Markdown giúp bạn soạn thảo văn bản có định dạng nhanh chóng bằng các ký hiệu đơn giản mà không cần vật lộn với các thẻ HTML. Khi bạn cần mã HTML — cho website, hệ thống CMS không hỗ trợ Markdown, mẫu email hay file README cần xem trước — công cụ chuyển đổi này sẽ xử lý ngay lập tức. Chỉ cần nhập nội dung ở khung bên trái và xem kết quả hiển thị hoặc mã HTML chuẩn xác ở khung bên phải. Mọi thao tác đều diễn ra ngay trên trình duyệt của bạn.

Tính năng

  • Xem trước trực tiếp cập nhật ngay khi bạn gõ.
  • GitHub Flavored Markdown: bảng, danh sách công việc, gạch ngang chữ, liên kết tự động và khối mã.
  • Tùy chọn ngắt dòng — chuyển đổi các lần xuống dòng đơn thành thẻ <br>.
  • Mã HTML sạch không chứa inline style hay các thẻ bọc thừa, sẵn sàng để sao chép và dán vào bất cứ đâu.
  • Tải xuống toàn bộ trang kèm theo stylesheet đơn giản, dễ đọc.
  • Xem trước an toàn trong khung sandbox giúp chặn các tập lệnh (script).

Bảng tra cứu nhanh Markdown

Markdown Kết quả
# Heading 1 / ## Heading 2 Tiêu đề
**bold** / *italic* in đậm / in nghiêng
[link](https://example.com) Liên kết
![alt text](image.png) Hình ảnh
- item hoặc 1. item Danh sách dấu đầu dòng hoặc đánh số
> quote Trích dẫn
`code` Mã nội tuyến
``` ở dòng trước và sau Khối mã
--- Đường kẻ ngang
- [ ] task Mục danh sách công việc (GFM)
~~text~~ Gạch ngang chữ (GFM)

Bảng được tạo bằng các dấu gạch đứng (pipe) và một dòng phân cách bằng các dấu gạch ngang. Dấu hai chấm ở dòng phân cách dùng để căn lề các cột: :--- căn trái, :---: căn giữa, ---: căn phải.

Ứng dụng phổ biến

  • Blog và CMS hỗ trợ HTML nhưng không hỗ trợ Markdown.
  • Bản tin email — soạn thảo bằng Markdown, sau đó dán HTML vào công cụ gửi email của bạn.
  • Xem trước README và tài liệu trước khi push lên GitHub hoặc GitLab.
  • Chuyển đổi ghi chú từ Obsidian, file xuất từ Notion hoặc các ứng dụng Markdown khác thành trang web.
  • Học HTML thông qua việc xem các cú pháp Markdown tạo ra thẻ HTML nào tương ứng.

Mẹo

  • Để một dòng trống giữa các đoạn văn, danh sách và tiêu đề — giúp tránh các lỗi định dạng ngoài ý muốn.
  • Thụt lề các mục danh sách con bằng hai hoặc bốn dấu cách một cách nhất quán.
  • Thêm tên ngôn ngữ ngay sau dấu mở khối code (ví dụ ```js) để công cụ highlight cú pháp trên web có thể tô màu đoạn code.

Để đếm số từ trong văn bản, hãy sử dụng công cụ Đếm số từ. Với dữ liệu có cấu trúc, JSON Formatter giúp kiểm tra tính hợp lệ và làm đẹp mã JSON.

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

Markdown là gì?
Markdown là một cú pháp định dạng văn bản thuần túy được tạo ra để dễ đọc và dễ viết. Bạn sử dụng các ký hiệu như
GitHub Flavored Markdown (GFM) là gì?
GFM là một bản mở rộng phổ biến của Markdown tiêu chuẩn. Nó bổ sung thêm bảng, danh sách công việc (- [ ] và - [x]), gạch ngang chữ (text), tự động tạo liên kết cho URL và các khối mã (fenced code blocks). Hãy tắt tính năng này nếu bạn cần đầu ra CommonMark chuẩn.
Tại sao ngắt dòng đơn không hiển thị ở kết quả đầu ra?
Trong Markdown tiêu chuẩn, một lần xuống dòng trong đoạn văn được xem là một khoảng trắng; bạn cần để trống một dòng để bắt đầu đoạn văn mới, hoặc thêm hai khoảng trắng ở cuối dòng để ngắt dòng. Tích chọn Line breaks để biến mọi lần xuống dòng thành thẻ <br>, giống như cách bình luận trên GitHub.
Mã HTML gốc trong Markdown có được giữ lại không?
Có. Markdown cho phép dùng HTML nội tuyến và nó sẽ được giữ nguyên ở đầu ra. Bản xem trước chạy trong một khung hộp cát (sandbox) giúp chặn các tập lệnh, do đó nội dung được dán không thể chạy mã trên trang này. Nếu bạn xuất bản HTML từ các nguồn không đáng tin cậy lên trang web của mình, hãy làm sạch (sanitize) nó tại đó.
Mã HTML có bao gồm định dạng (styles) không?
Mã HTML được sao chép chỉ chứa các thẻ đánh dấu nội dung, do đó nó sẽ áp dụng định dạng từ trang web của bạn. Tệp .html tải về là một trang hoàn chỉnh kèm theo một tệp CSS (stylesheet) nhỏ gọn, dễ đọc, rất tiện lợi để chia sẻ hoặc in ấn.