Bộ chuyển HTML sang Markdown

Biến HTML thành Markdown sạch, dễ đọc.

Chạy ngay trên trình duyệt. Không có gì bạn nhập vào bị gửi đi đâu cả.

Cách chuyển HTML sang Markdown

  1. Dán HTML của bạn.
  2. Markdown hiện ra ngay khi bạn gõ.
  3. Sao chép hoặc tải file Markdown.

Các phần tử chuyển đổi như thế nào

HTMLMarkdown
<h2>Title</h2>## Title
<strong>bold</strong>**bold**
<a href="...">text</a>[text](...)
<code>x</code>`x`
<pre><code>...</code></pre>một khối code có dấu ``` fence

Những gì không chuyển đổi sạch sẽ

  • Bảng HTML chuyển thành văn bản thuần, không phải cú pháp bảng Markdown.
  • Style nội tuyến và class CSS bị bỏ, vì Markdown không có gì tương đương cho chúng.
  • Các div bố cục và HTML cấu trúc không chuẩn khác trở thành đoạn văn thuần.
  • Dấu cách và ngắt dòng lặp lại chỉ dùng để canh khoảng cách hình ảnh sẽ gộp thành một dấu cách, giống cách trình duyệt vẫn thường xử lý khoảng trắng HTML thừa.

Markdown đã chuyển đổi được dùng ở đâu

  • Dán một trang web vào README hay wiki chỉ nhận Markdown.
  • Đưa nội dung đã dọn sạch vào một static site generator.
  • Chuyển tài liệu từ bản xuất CMS sang một công cụ tài liệu dựa trên Markdown.
  • Dọn dẹp rich text dán từ email trước khi đưa vào một changelog dạng văn bản thuần.

Kiểu Markdown đầu ra

  • Tiêu đề dùng kiểu # (ATX), không phải kiểu gạch chân cũ viết bằng === hay ---.
  • Khối code dùng dấu fence ba dấu backtick, không phải thụt lề 4 dấu cách.
  • Chữ đậm dùng **, chữ nghiêng dùng *, đúng theo kiểu mặc định của Turndown.

Câu hỏi thường gặp về HTML sang Markdown

Những phần tử HTML nào chuyển đổi tốt?

Tiêu đề, đoạn văn, danh sách, link, ảnh, chữ đậm và nghiêng, blockquote và khối code đều chuyển đổi sạch sẽ.

Bảng HTML có được chuyển đổi không?

Không thành cú pháp bảng Markdown. Bảng sẽ chuyển thành nội dung văn bản của nó, vì hỗ trợ bảng Markdown khác nhau khá nhiều giữa các công cụ.

Tôi có thể dán cả một trang web không?

Được. Dán mã nguồn HTML của trang và nội dung đọc được sẽ chuyển sang Markdown.

Thư viện nào chạy công cụ này?

Turndown, một bộ chuyển HTML sang Markdown được dùng rộng rãi, đặt theo kiểu tiêu đề ATX (# Heading) và khối code có dấu fence.

Công cụ có xử lý danh sách lồng nhau không?

Có. Các phần tử <ul> và <ol> lồng nhau chuyển thành mục danh sách Markdown thụt lề, giữ đúng cấp lồng.

Công cụ có chuyển đổi HTML entity như &amp; hay &nbsp; không?

Có, các entity phổ biến chuyển thành ký tự thuần tương ứng trong Markdown, nên &amp; thành ký tự & thật và &nbsp; thành dấu cách bình thường.

Blockquote và đường kẻ ngang sẽ ra sao?

Một <blockquote> thành một dòng bắt đầu bằng >, còn một <hr> thành một dòng ba dấu gạch ngang, cả hai đều là cú pháp Markdown chuẩn.

Tôi có thể chuyển HTML sao chép trực tiếp từ Word hoặc Google Docs không?

Được, dù nguồn đó thường mang theo thẻ span thừa và style nội tuyến để định dạng. Chúng bị bỏ vì Markdown không có gì tương đương, chỉ giữ lại văn bản hiển thị, tiêu đề, link và danh sách.

Công cụ liên quan