Cách dùng Chuyển HTML sang Markdown
- Dán mã HTML vào khung bên trái — hoặc sao chép văn bản đã định dạng từ trang web hoặc tài liệu rồi dán vào. Khi bật “Dán rich text dưới dạng HTML”, định dạng sẽ được giữ lại.
- Chọn kiểu Markdown bạn muốn: kiểu tiêu đề, ký hiệu danh sách, kiểu khối code và liên kết nội tuyến hoặc tham chiếu.
- Giữ GFM được bật để chuyển
<table>,<del>và danh sách checkbox sang Markdown theo chuẩn GitHub. - Sao chép kết quả hoặc tải về dưới dạng tệp
.md.
Công cụ chuyển HTML sang Markdown là gì?
Công cụ chuyển HTML sang Markdown đọc các phần tử HTML và viết lại theo cú pháp văn bản thuần của Markdown: <h2> thành ## , <strong> thành **…**, <a href> thành [text](url). Đây là cách nhanh nhất để chuyển nội dung từ CMS, blog cũ hoặc trang web vào kho Git, trình tạo static site (Hugo, Jekyll, Astro, Docusaurus), wiki hay ứng dụng ghi chú như Obsidian. Công cụ này dùng thư viện mã nguồn mở Turndown cùng plugin GFM và chạy hoàn toàn trên trình duyệt của bạn.
Sao chép từ trang web, Google Docs và Word
Khi bạn sao chép văn bản từ trình duyệt hoặc ứng dụng văn phòng, clipboard sẽ chứa cả phiên bản HTML bên cạnh văn bản thuần. Khi bật Dán rich text dưới dạng HTML, việc dán vào khung bên trái sẽ chèn HTML đó vào, nên tiêu đề, chữ đậm, liên kết và danh sách được giữ nguyên. Hãy tắt tùy chọn này nếu bạn muốn dán đúng mã HTML nguyên bản như đã sao chép từ trình soạn code.
Ví dụ
<h2>Install</h2>
<p>Run <code>npm i</code>, then
read the <a href="/docs">docs</a>.</p>
<ul>
<li>Fast</li>
<li><em>Small</em></li>
</ul>
trở thành
## Install
Run `npm i`, then read the [docs](/docs).
- Fast
- _Small_
Turndown căn ký hiệu danh sách theo thụt lề bốn ký tự, nhờ đó danh sách lồng nhau và mục nhiều đoạn được căn đúng trong mọi trình phân tích Markdown.
Giải thích các tùy chọn
| Tùy chọn | Lựa chọn | Khi nào nên dùng |
|---|---|---|
| Tiêu đề | # ATX hoặc Setext (gạch chân ===/---) | ATX là mặc định phổ biến; Setext chỉ áp dụng cho h1 và h2. |
| Ký hiệu danh sách | -, *, + | Khớp với linter của dự án (quy tắc markdownlint MD004). |
| Khối code | Fence ```, fence ~~~, thụt lề 4 dấu cách | Fence giữ được ngôn ngữ (lấy từ class="language-js"); khối thụt lề thì không. |
| Liên kết | Nội tuyến hoặc kiểu tham chiếu | Liên kết tham chiếu giúp URL dài không làm rối đoạn văn và được liệt kê ở cuối. |
Những gì không chuyển được
Markdown không có cú pháp cho màu sắc, phông chữ, bố cục nhiều cột, biểu mẫu hay ô bảng đã gộp. Phần định dạng sẽ bị bỏ, các khối <script> và <style> bị xóa, còn bảng không có hàng tiêu đề sẽ được giữ lại dưới dạng HTML, vì bảng GFM cần hàng tiêu đề và chỉ hỗ trợ ô đơn giản một dòng. Ô đã gộp (colspan/rowspan) không thể biểu diễn. Hãy dọn mã lộn xộn bằng HTML Formatter trước, rồi kiểm tra kết quả bằng công cụ chuyển Markdown sang HTML.
Cũng được tìm dưới tên: html sang md, convert html to markdown, html to md, turndown, rich text sang markdown, web page sang markdown, html sang webflow rich text, gfm table.
Các công cụ dùng kèm tốt với Chuyển HTML sang Markdown
- HTML sang Webflow Rich Text — Dán HTML lộn xộn từ website cũ, file xuất WordPress, Google Docs hoặc Word, rồi nhận lại mã ngữ nghĩa sạch mà phần tử Rich Text và import CMS của Webflow chấp nhận, không còn rác.
- 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.
- 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.
- Đế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.
Câu hỏi thường gặp
Tôi có thể dán kết quả vào Webflow không?
HTML của tôi có được gửi lên máy chủ không?
Làm thế nào để chuyển cả một trang web sang Markdown?
Tại sao bảng của tôi vẫn là HTML?
<th> hoặc <thead>) sẽ được giữ lại dưới dạng HTML, và hầu hết trình hiển thị Markdown đều chấp nhận. Ô đã gộp, bảng lồng nhau và danh sách trong ô thì GFM hoàn toàn không biểu diễn được.Nên chọn ký hiệu danh sách nào?
- là lựa chọn phổ biến nhất và là mặc định của Prettier. Hãy chọn theo hướng dẫn phong cách hoặc cấu hình markdownlint của dự án bạn.Hình ảnh có được chuyển không?
<img src="a.png" alt="Logo"> sẽ thành , kể cả thuộc tính title nếu có. Bản thân tệp ảnh sẽ không được tải về.