TanodTools
VI

Chuyển Markdown sang HTML

Nhập hoặc dán Markdown và nhận HTML sạch ngay khi bạn gõ, kèm bản xem trước cách nó sẽ hiển thị.

Chạy hoàn toàn trong trình duyệt của bạn

Kết quả

Nhập hoặc dán Markdown để bắt đầu.

Markdown tối đa khoảng 5 MB, nhập, dán hoặc từ một tệp .md hay .txt. Kết quả được cập nhật khi bạn nhập.

Cách chuyển Markdown sang HTML

  1. Nhập hoặc dán Markdown, hoặc mở một tệp .md.
  2. Đọc HTML ở bên phải, hoặc chuyển sang Xem trước để xem nó hiển thị ra sao. Bật tùy chọn tài liệu đầy đủ nếu bạn cần một trang hoàn chỉnh.
  3. Sao chép HTML hoặc tải xuống dưới dạng tệp .html.

Markdown trở thành HTML như thế nào

Markdown là cách viết văn bản có định dạng bằng các ký tự thường: dấu # mở đầu một tiêu đề, **hai dấu sao** tạo chữ đậm, dòng bắt đầu bằng dấu gạch ngang là một mục danh sách. Đó là thứ mà các tệp README, nhiều ứng dụng ghi chú và hầu hết diễn đàn lập trình sử dụng. Trình duyệt, template email và hệ thống quản lý nội dung cần HTML, nên đến một lúc nào đó Markdown phải được chuyển đổi.

Bộ chuyển đổi này tuân theo CommonMark cùng các phần bổ sung của GitHub Flavored Markdown, nên bảng, danh sách công việc và chữ gạch ngang hoạt động như trên GitHub. HTML do nó tạo ra sau đó được đưa qua bộ làm sạch, loại bỏ mọi thứ có thể chạy mã khi HTML được hiển thị, trong khi giữ nguyên định dạng thông thường.

Thẻ xem trước hiển thị cùng HTML đó được kết xuất trong trang. Liên kết mở trong thẻ mới, và ảnh lưu trữ ở nơi khác được hiển thị bằng khung giữ chỗ thay vì được tải về, nên không có gì bạn viết bị gửi đến trang khác trong khi bạn làm việc.

Mẹo

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

Văn bản của tôi có bị tải lên không?

Không. Markdown được chuyển đổi trong trình duyệt của bạn bằng thư viện mã nguồn mở marked, và không có gì được gửi đi hay lưu lại.

Hỗ trợ những cú pháp Markdown nào?

CommonMark cùng các phần bổ sung của GitHub: bảng, danh sách công việc (- [x] done), gạch ngang chữ bằng ~~, khối mã có rào và liên kết tự động. Các lần xuống dòng đơn được nối thành một đoạn văn như trong Markdown chuẩn; hãy bật Xuống dòng thành <br> để giữ chúng, như các bình luận trên GitHub.

HTML có an toàn để đưa lên website không?

Nó được làm sạch bằng thư viện mã nguồn mở DOMPurify trước khi bạn thấy. Script, trình xử lý sự kiện như onerror, liên kết javascript:, iframe và đối tượng nhúng bị loại bỏ, và dòng dưới kết quả liệt kê những gì đã bị lấy ra. HTML thông thường viết trong Markdown, như <details> hoặc <sup>, được giữ lại. Như với mọi nội dung đến từ người khác, hãy giữ nguyên các biện pháp bảo vệ của chính trang web bạn.

Vì sao ảnh hiện thành khung giữ chỗ trong phần xem trước?

Bản xem trước không bao giờ tải bất cứ thứ gì từ website khác, nên văn bản của bạn không bị lộ cho website đó và trang vẫn riêng tư. Ảnh từ địa chỉ web hiện dưới dạng khung giữ chỗ có nhãn kèm địa chỉ của nó. Mã HTML vẫn chứa thẻ <img> bình thường, nên ảnh sẽ hiển thị ở bất cứ nơi nào bạn xuất bản.

Tùy chọn tài liệu đầy đủ thêm gì?

Một trang hoàn chỉnh bao quanh HTML: doctype, <head> với bảng mã UTF-8, thẻ viewport cho thiết bị di động và tiêu đề lấy từ tiêu đề đầu tiên. Hãy tắt nó khi bạn dán vào một trang có sẵn hoặc một CMS.

Tiêu đề có được gán thuộc tính id cho liên kết không?

Không. Tiêu đề được xuất ra dưới dạng các thẻ <h1> đến <h6> thuần. Nếu cần neo liên kết, hãy thêm id trong template của website hoặc bằng tay.