Trình soạn thảo Markdown

Viết Markdown với bản xem trước song song cập nhật trực tiếp. Hỗ trợ bảng và danh sách việc của GitHub Flavored Markdown, HTML đã làm sạch, tải .md/.html.

Xem trước
0 từ · 0 ký tự

Hiển thị bằng marked và làm sạch bằng DOMPurify: script, trình xử lý sự kiện và HTML không an toàn khác bị loại khỏi bản xem trước và mã HTML xuất ra.

Công cụ Liên quan

Xem Tất cả

Trình soạn thảo Markdown là gì?

Trình soạn thảo Markdown trực tuyến với bản xem trước trực tiếp bên cạnh văn bản. Công cụ hỗ trợ GitHub Flavored Markdown (bảng, danh sách việc, gạch ngang, tự động tạo liên kết), hiển thị HTML được tạo ra, và cho phép bạn sao chép HTML hoặc tải tài liệu về dưới dạng .md hay tệp .html độc lập.

Cách sử dụng Trình soạn thảo Markdown

  1. Viết hoặc dán Markdown vào trình soạn thảo, hoặc nhấn Tải ví dụ để xem cú pháp.
  2. Theo dõi bản xem trước cập nhật khi bạn gõ; chuyển chế độ xem giữa hai cột, chỉ trình soạn thảo, chỉ bản xem trước và HTML.
  3. Bật/tắt Markdown kiểu GitHub (bảng, danh sách việc, gạch ngang) và Coi mỗi lần xuống dòng là <br> khi cần.
  4. Sao chép HTML hoặc dùng Tải .md / Tải .html.

Ví dụ

Đầu vào
# Hi

**bold** and <img src=x onerror=alert(1)>
Đầu ra
<h1>Hi</h1>
<p><strong>bold</strong> and <img src="x"></p>

Trình xử lý onerror đã bị DOMPurify loại bỏ

Khi nào nên dùng Trình soạn thảo Markdown

Dùng công cụ để soạn tệp README, tài liệu, ghi chú, bài đăng diễn đàn hay email viết bằng Markdown, hoặc để chuyển Markdown thành HTML sạch. Cú pháp riêng của từng nền tảng (GitHub alerts, sơ đồ Mermaid, công thức toán với $…$, wiki link) không được hiển thị.

Trình soạn thảo Markdown hoạt động như thế nào

Markdown được chuyển đổi bằng thư viện marked (tương thích CommonMark, có phần mở rộng GFM khi được bật; tùy chọn breaks biến mỗi lần xuống dòng đơn thành <br>). HTML kết quả được đưa qua DOMPurify với cấu hình HTML, loại bỏ <script>, các thuộc tính xử lý sự kiện như onerror, URL javascript: và markup nguy hiểm khác trước khi hiển thị trong bản xem trước, được sao chép hoặc tải xuống. Cả hai thư viện được tải khi cần ngay trong trình duyệt của bạn.

Các Trường Hợp Sử Dụng Phổ Biến

  • Soạn README.md với bản xem trước trực tiếp
  • Chuyển ghi chú Markdown thành HTML cho website hoặc email
  • Viết bảng và danh sách việc theo GFM
  • Dạy hoặc học cú pháp Markdown
  • Xem trước Markdown từ CMS hoặc chat trước khi đăng

Lưu Ý Bảo Mật

Bản xem trước và đầu ra HTML được làm sạch bằng DOMPurify, nên dán Markdown không đáng tin cậy vào cũng không thể chạy script trên trang này. Markdown không bao giờ rời khỏi trình duyệt của bạn.

Câu Hỏi Thường Gặp

Có được dùng HTML thô trong Markdown không?

Có, nhưng nó được làm sạch: các thẻ an toàn được giữ lại, còn script, trình xử lý sự kiện và liên kết javascript: bị loại bỏ.

Tài liệu của tôi có được lưu không?

Không. Không có gì được lưu hay tải lên – hãy tải tệp .md về để giữ bài của bạn.

GitHub Flavored Markdown là gì?

Phần mở rộng CommonMark của GitHub, bổ sung bảng, danh sách việc (- [x]), gạch ngang (~~text~~) và tự động tạo liên kết.

Bước tiếp theo nên làm

Khám phá thêm danh mục