Chuyển đến nội dung

Công cụ chuyển đổi Markdown sang HTML

Chuyển Markdown thành HTML bằng thư viện markdown-js, tuân theo cú pháp gốc của John Gruber. HTML thô trong nguồn được chuyển thành văn bản bằng ký tự thoát, còn các phần mở rộng của GitHub như bảng và khối mã có dấu phân cách không được nhận diện.

Dán một phần README hoặc ghi chú phát hành vào trường CMS chỉ chấp nhận HTML.

Markdown

HTML

Khi nào nên sử dụng

  • Dán một phần README hoặc ghi chú phát hành vào trường CMS chỉ chấp nhận HTML.
  • Kiểm tra những thẻ HTML được tạo ra từ một đoạn Markdown cơ bản.

Cách sử dụng

  1. Dán Markdown vào trình soạn thảo bên trái hoặc tải tệp .md lên.
  2. Đọc HTML được tạo bên phải và kiểm tra từng tiêu đề, danh sách, liên kết trong phần xem trước bên dưới.
  3. Sao chép HTML; kết quả chỉ chứa mã đánh dấu phần nội dung, nên hãy thêm CSS của bạn tại nơi dán.

Markdown

## Install

Run the **CLI** once:

    npm install -g douni

1. Open the [docs](https://douni.one)
2. Paste your file

| a | b |

HTML

<h2>Install</h2>

<p>Run the <strong>CLI</strong> once:</p>

<pre><code>npm install -g douni</code></pre>

<ol>
  <li>Open the <a href="https://douni.one">docs</a></li>
  <li>Paste your file</li>
</ol>

<p>| a | b |</p>

Chi tiết và giới hạn

Quá trình chuyển đổi chạy trong trình duyệt. Đầu ra là một đoạn HTML không có <html>, <head> hay biểu định kiểu; phần xem trước hiển thị trong khung cô lập với script bị vô hiệu hóa.

Chỉ hỗ trợ Markdown gốc. Bảng dùng dấu gạch đứng, danh sách tác vụ, ~~strikethrough~~ và mã có dấu phân cách ``` được giữ dưới dạng văn bản; hãy thụt lề 4 dấu cách để tạo khối mã.

HTML nội tuyến như <div> được chuyển thành &lt;div&gt;, không được giữ nguyên dưới dạng HTML.

Hình ảnh trở thành thẻ <img> trỏ đến URL gốc; các tệp không được nhúng vào kết quả.

FAQ

Tại sao khối mã có dấu phân cách ``` của tôi không trở thành khối <pre>?

Thư viện ra đời trước cú pháp khối mã có dấu phân cách. Dấu phân cách được coi là mã nội tuyến trong đoạn văn. Hãy thụt lề mã bằng bốn dấu cách để tạo <pre><code>.

Công cụ có hỗ trợ bảng GitHub Flavored Markdown không?

Không. Một dòng như | a | b | được xuất thành đoạn văn thông thường.

Tôi có thể giữ HTML thô trong Markdown không?

Không. Các thẻ HTML được chuyển thành ký tự thoát và hiển thị như văn bản trong kết quả, nên <div> được nhúng sẽ không hiển thị như một phần tử.

Đặc tả và tài liệu tham khảo