DevToolPal
VI

Chuyển Markdown sang HTML

Chuyển Markdown sang HTML với GitHub Flavored Markdown, ID tiêu đề, lọc an toàn tùy chọn và xuất trang đầy đủ.

Chạy cục bộ, không bao giờ tải lên

Tùy chọn

Markdown

0 ký tự · 0 B

HTML

0 ký tự · 0 B

Công cụ làm gì

Công cụ chuyển Markdown sang HTML biến văn bản Markdown thành mã HTML mà bạn có thể dán vào CMS, mẫu email, trang tĩnh hoặc bất cứ nơi nào chấp nhận HTML nhưng không hỗ trợ Markdown. Công cụ hữu ích khi đăng README lên website, chuyển ghi chú vào trình soạn thảo blog hoặc kiểm tra chính xác một đoạn Markdown tạo ra những thẻ nào.

Kết quả giống HTML mà các trình hiển thị Markdown phổ biến tạo ra: tiêu đề từ <h1> đến <h6>, đoạn văn <p>, danh sách <ul> và <ol>, khối <pre><code> có class language- cho các trình tô sáng cú pháp và mã <table> cho bảng kiểu GitHub.

Cách sử dụng

  1. Gõ hoặc dán Markdown, tải lên tệp .md hoặc bấm Ví dụ.
  2. Chọn các tùy chọn cần thiết: GitHub Flavored Markdown, xuống dòng thành <br>, ID tiêu đề cho liên kết neo, lọc an toàn cho dữ liệu không đáng tin và tài liệu HTML đầy đủ thay vì một đoạn.
  3. Sao chép HTML hoặc tải xuống dưới dạng tệp .html.

Kết quả cập nhật ngay khi bạn gõ. Hãy tắt tùy chọn tài liệu đầy đủ khi dán kết quả vào một trang có sẵn và bật khi bạn cần một tệp độc lập.

Ví dụ

Đoạn Markdown này:

## Install

Run the **installer** and read the [guide](https://example.com).

- Windows
- macOS

trở thành HTML sau:

<h2>Install</h2>
<p>Run the <strong>installer</strong> and read the <a href="https://example.com">guide</a>.</p>
<ul>
<li>Windows</li>
<li>macOS</li>
</ul>

Mẹo

  • Mặc định, HTML thô trong Markdown được giữ nguyên, giống cách hầu hết các trình hiển thị làm. Hãy bật lọc an toàn bất cứ khi nào Markdown do người khác viết.
  • Khi bật ID tiêu đề, bạn có thể liên kết tới một mục bằng địa chỉ như page.html#install và tạo mục lục từ các tiêu đề.
  • Khối mã giữ ngôn ngữ dưới dạng class, nên các trình tô sáng như Prism hay highlight.js nhận ra mà không cần cấu hình thêm.
  • Để xem kết quả hiển thị song song, hãy dùng trình xem trước Markdown. Để chuyển theo chiều ngược lại, hãy dùng công cụ chuyển HTML sang Markdown.

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

› Hỗ trợ cú pháp Markdown nào?

Toàn bộ CommonMark, như tiêu đề, nhấn mạnh, liên kết, hình ảnh, danh sách, trích dẫn, mã và đường kẻ ngang. Khi bật GitHub Flavored Markdown, bạn còn có bảng với căn chỉnh cột, danh sách công việc, gạch ngang và liên kết tự động cho URL trần.

› Tùy chọn lọc an toàn làm gì?

Nó thoát toàn bộ HTML thô trong Markdown để hiển thị dưới dạng văn bản thay vì trở thành thẻ, và loại bỏ liên kết, hình ảnh có URL dùng giao thức không an toàn như javascript hoặc vbscript. Hãy bật khi Markdown đến từ người dùng bạn không tin tưởng, ví dụ bình luận hoặc bài viết trên diễn đàn.

› ID tiêu đề được tạo như thế nào?

Giống cách GitHub làm. Văn bản tiêu đề được chuyển thành chữ thường, dấu câu bị loại bỏ và khoảng trắng thành dấu gạch nối, nên Getting Started có id là getting-started. Các tiêu đề lặp lại được thêm -1, -2 và cứ thế, giúp mọi neo đều duy nhất.

› Tùy chọn tài liệu HTML đầy đủ dùng để làm gì?

Nó bọc kết quả trong một trang hoàn chỉnh có doctype, bộ ký tự UTF-8, thẻ viewport, tiêu đề lấy từ tiêu đề cấp một đầu tiên và một bảng kiểu nhỏ dễ đọc. Lưu thành tệp .html là mở gọn gàng trong mọi trình duyệt.

› Markdown của tôi có bị gửi đi đâu không?

Không. Việc chuyển đổi chạy trong trình duyệt bằng thư viện marked và không có gì được tải lên máy chủ.