Công Cụ Chuyển Đổi HTML Sang Markdown
Dán HTML và nhận Markdown giữ được cấu trúc: tiêu đề, chữ đậm và nghiêng, liên kết, hình ảnh, danh sách, trích dẫn, khối mã và bảng đơn giản. Script, style và các lớp bố cục bị loại bỏ, và trang hiển thị kết quả ngắn hơn bao nhiêu. Miễn phí, không cần đăng ký, và HTML được phân tích trong trình duyệt của bạn, không bao giờ được tải lên.
Cách Sử Dụng Công Cụ Chuyển Đổi HTML Sang Markdown
- 1. Dán HTML của bạn. Một đoạn hoặc toàn bộ trang đều được; chỉ phần thân (body) được chuyển đổi.
- 2. Nhấn Chuyển Đổi Sang Markdown. Markdown xuất hiện bên dưới với ba bộ đếm: số ký tự HTML, số ký tự Markdown và mức giảm kích thước.
- 3. Kiểm tra kết quả. Đối chiếu với bản gốc, đặc biệt là bảng và danh sách lồng nhau (xem các giới hạn bên dưới).
- 4. Sao chép. Sao Chép Markdown đưa văn bản vào clipboard của bạn, sẵn sàng cho README, trình tạo trang tĩnh hoặc ứng dụng ghi chú.
Mỗi Phần Tử HTML Thành Gì
Công cụ phân tích HTML của bạn bằng bộ phân tích HTML của chính trình duyệt và duyệt cây, nên mã bị lỗi được sửa theo cách trình duyệt sẽ sửa. Mỗi phần tử sau đó ánh xạ sang tương đương Markdown:
| HTML | Markdown |
|---|---|
h1 đến h6 | # đến ######, theo sau là nội dung tiêu đề |
p | Một đoạn văn, ngăn cách bằng dòng trống |
br, hr | Một ngắt dòng; --- |
strong, b | **chữ đậm** |
em, i | *chữ nghiêng* |
code | Văn bản được bao trong dấu backtick đơn |
pre | Một khối có rào bằng ba dấu backtick, không có nhãn ngôn ngữ |
a | [văn bản](địa chỉ) |
img |  |
ul, ol | Dấu - cho danh sách không thứ tự, hoặc 1. 2. 3. được đánh số lại từ 1; danh sách con thụt lề hai khoảng trắng mỗi cấp |
blockquote | Mỗi dòng có tiền tố > |
table | Một bảng ống; hàng đầu tiên thành tiêu đề |
div, span, section, các thẻ khác | Bị bỏ gói: thẻ bị xóa, nội dung của nó được giữ lại |
script, style, head, meta, link, title, noscript, template, iframe | Bị xóa cùng nội dung |
Ví Dụ Minh Họa
HTML
<h1>Citation Basics</h1><p>Use <strong>APA</strong> or <em>MLA</em>; see the <a href="https://apastyle.apa.org">APA site</a>.</p><ul><li>Author</li><li>Year<ul><li>Month</li></ul></li></ul><table><tr><th>Style</th><th>Year</th></tr><tr><td>APA</td><td>7th</td></tr></table>
Markdown
Một tiêu đề # Citation Basics; một đoạn văn Use **APA** or *MLA*; see the [APA site](https://apastyle.apa.org).; danh sách - Author, - Year và mục con - Month được thụt lề; sau đó là một bảng ống hai cột với dòng phân cách --- và một hàng, APA và 7th.
Bộ đếm
273 ký tự HTML, 159 ký tự Markdown, giảm 42%.
Markdown không thể diễn đạt mọi thứ mà HTML có thể, và đó chính là mục đích của nó: đầu ra là cấu trúc của tài liệu và không có phần trình bày nào của nó.
Các Giới Hạn Cần Kiểm Tra
- Bảng bị làm phẳng. Mỗi ô được rút gọn thành văn bản thuần, nên liên kết và nhấn mạnh trong ô bị mất, ký tự gạch đứng được escape, và các ô đã gộp không được hiểu. Bảng ống là phần mở rộng GitHub Flavored Markdown, không thuộc CommonMark cốt lõi, nên hãy kiểm tra nơi nhận có hỗ trợ chúng không.
- Một số thẻ inline bị bỏ. Gạch chân, gạch ngang, chỉ số trên và chỉ số dưới không có tương đương Markdown ở đây, nên văn bản của chúng được giữ lại mà không có định dạng.
- Ký tự đặc biệt không được escape. Dấu sao hoặc gạch dưới đứng riêng trong văn bản được giữ nguyên và có thể bị trình hiển thị Markdown đọc thành nhấn mạnh.
- Danh sách số lồng nhau được thụt lề hai khoảng trắng mỗi cấp, điều mà hầu hết trình hiển thị chấp nhận, nhưng một số yêu cầu ba khoảng trắng dưới dấu
1.. - Liên kết và hình ảnh giữ nguyên địa chỉ gốc, nên đường dẫn tương đối vẫn tương đối.
Bạn Cần Công Cụ Nào?
Dùng trang này để giữ cấu trúc khi chuyển từ HTML sang Markdown. Nếu bạn chỉ cần các từ, Công Cụ Xóa Thẻ HTML xuất ra văn bản thuần. Đi theo chiều ngược lại, Công Cụ Chuyển Đổi Markdown Sang HTML hiển thị Markdown, và Markdown Sang Văn Bản loại bỏ Markdown để còn văn bản thuần. Để làm gọn HTML trước khi chuyển đổi, dùng Công Cụ Định Dạng HTML.
Câu Hỏi Thường Gặp
- Những phần tử HTML nào được chuyển thành Markdown?
- Tiêu đề, đoạn văn, ngắt dòng, đường kẻ ngang, chữ đậm, chữ nghiêng, mã inline, khối mã, liên kết, hình ảnh, danh sách có thứ tự và không thứ tự, trích dẫn khối và bảng đơn giản. Bảng phía trên liệt kê ánh xạ chính xác.
- Công cụ có xử lý danh sách lồng nhau không?
- Có. Danh sách con được thụt lề hai khoảng trắng mỗi cấp, và danh sách có thứ tự được đánh số lại từ 1. Một danh sách bắt đầu ở số khác trong HTML, như
start="5", cũng được đánh số lại từ 1. - Điều gì xảy ra với các thẻ mà bộ chuyển đổi không nhận ra?
- Chúng được bỏ gói: thẻ bị xóa và văn bản của nó được giữ lại. Một div hay span biến mất không dấu vết, trong khi script, style và các phần tử tương tự bị xóa cùng nội dung.
- Có thể chuyển đổi bảng HTML không?
- Các bảng đơn giản thì được: chúng thành bảng ống, với hàng đầu tiên làm tiêu đề. Các ô đã gộp, bảng lồng nhau, và liên kết hoặc định dạng bên trong ô đều không được giữ lại.
- Có hoạt động với toàn bộ trang web không?
- Có, nhưng nó chuyển đổi mọi thứ trong phần thân, kể cả menu điều hướng và chân trang, thành văn bản và liên kết thông thường. Với một bài viết, hãy dán chỉ phần HTML của bài viết đó.
- Vì sao Markdown trông đơn giản hơn trang gốc?
- Markdown ghi lại cấu trúc — tiêu đề, nhấn mạnh, liên kết, danh sách — chứ không ghi màu sắc, phông chữ hay bố cục. CSS, biểu mẫu và các tiện ích nhúng bị loại bỏ theo thiết kế.
- HTML của tôi có được tải lên máy chủ không?
- Không. Việc chuyển đổi chạy trong trình duyệt bằng DOMParser tích hợp sẵn, không chạy script trong HTML đã dán, và không có gì bạn dán rời khỏi thiết bị.