Công cụ chuyển HTML sang Markdown

Dán HTML — hoặc sao chép trực tiếp văn bản rich text từ trang web, Google Doc hay email — rồi nhận Markdown gọn gàng để đưa vào README, wiki hoặc static site.

Cập nhật
0 ký tự
Markdown
0 ký tự
Dùng trong

Sao chép sang Webflow dán một phần tử Rich Text mới trong Designer (Ctrl/⌘+V trên canvas hoặc trong Navigator). Sao chép dưới dạng rich text dán văn bản đã định dạng vào một phần tử Rich Text có sẵn, Google Docs, Notion hoặc email.

Dữ liệu của bạn không bao giờ rời khỏi máy tính. Mọi xử lý diễn ra 100% cục bộ trong trình duyệt của bạn.

Công cụ này có hữu ích không?0.0 0 lượt đánh giá
Chuyển Markdown sang HTML sạch online, xem trước trực tiếpMarkdown sang HTML →

Cách dùng Chuyển HTML sang Markdown

  1. 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.
  2. 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.
  3. Giữ GFM được bật để chuyển <table>, <del> và danh sách checkbox sang Markdown theo chuẩn GitHub.
  4. 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ọnLựa chọnKhi 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 codeFence ```, fence ~~~, thụt lề 4 dấu cáchFence giữ được ngôn ngữ (lấy từ class="language-js"); khối thụt lề thì không.
Liên kếtNội tuyến hoặc kiểu tham chiếuLiê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?
Có. Copy to Webflow sẽ đặt một phần tử Rich Text lên clipboard: nhấn Ctrl/⌘+V trong Designer, và tiêu đề, danh sách, liên kết, hình ảnh, trích dẫn sẽ xuất hiện dưới dạng Rich Text gốc. Copy as rich text dán văn bản đã định dạng vào một phần tử Rich Text có sẵn. Để làm sạch HTML trước khi dán, hãy dùng HTML to Webflow Rich Text.
HTML của tôi có được gửi lên máy chủ không?
Không. Turndown chạy trên trình duyệt của bạn và phân tích HTML bằng DOMParser trung tính của trình duyệt, nên các script trong HTML được dán sẽ không bao giờ được thực thi và không có gì được tải lên.
Làm thế nào để chuyển cả một trang web sang Markdown?
Chọn phần nội dung bài viết trên trang, sao chép, rồi dán vào đây với “Dán rich text dưới dạng HTML” được bật. Hoặc bạn có thể xem mã nguồn trang, sao chép phần HTML liên quan và dán vào. Nên loại bỏ menu điều hướng và chân trang khỏi phần chọn.
Tại sao bảng của tôi vẫn là HTML?
Bảng Markdown theo chuẩn GitHub phải bắt đầu bằng một hàng tiêu đề. Bảng không có hàng này (không có <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?
Cả ba đều tương đương trong CommonMark. - 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?
Có. <img src="a.png" alt="Logo"> sẽ thành ![Logo](a.png), kể cả thuộc tính title nếu có. Bản thân tệp ảnh sẽ không được tải về.
Tôi có thể cài Chuyển HTML sang Markdown như một ứng dụng web và dùng khi không có mạng không?
Có. Chuyển HTML sang Markdown là một ứng dụng web (PWA) có thể cài đặt — cài trực tiếp từ trình duyệt, không cần tải từ cửa hàng ứng dụng. Trên Chrome hoặc Edge (Windows, macOS, Linux, ChromeOS) hoặc Android, bấm Cài đặt ứng dụng ở đầu trang này; trên iPhone và iPad, dùng Chia sẻ → Thêm vào Màn hình chính; trên Mac, dùng File → Add to Dock trong Safari 17 trở lên. Sau đó ứng dụng mở trong cửa sổ riêng với biểu tượng riêng, và vì chạy hoàn toàn trên trình duyệt nên vẫn hoạt động khi không có mạng. Firefox trên máy tính không thể cài ứng dụng web. Cách cài đặt hoạt động thế nào.

Công cụ liên quan