Chuyển Đổi Markdown sang HTML miễn phí

Cách hoạt động

Chuyển đổi được thực hiện hoàn toàn trong trình duyệt bởi bộ phân tích Markdown tự viết — không thư viện bên thứ ba, không yêu cầu máy chủ. Bộ phân tích duyệt nguồn từng dòng, áp dụng quy tắc cấp khối (tiêu đề, danh sách, bảng, mã có rào) rồi lượt thứ hai với các mẫu regex nội tuyến cho in đậm, in nghiêng, liên kết, ảnh và mã nội tuyến.

1. 1
   Phân tích cấu trúc khối trước

   Bộ phân tích đọc Markdown thô từng dòng, nhận diện cấu trúc cấp khối: khối mã có rào (có lớp ngôn ngữ tùy chọn), tiêu đề ATX (# đến ######), trích dẫn, danh sách có thứ tự và không thứ tự kể cả ô chọn danh sách việc GFM, bảng GFM có căn chỉnh cột, đường kẻ ngang và đoạn văn nối đúng các dòng tiếp nối ngắt mềm.
2. 2
   Áp dụng mẫu nội tuyến trong mỗi khối

   Sau khi văn bản của mỗi khối được thoát HTML, một chuỗi regex trong parseInline() biến đổi cú pháp nội tuyến: ảnh và liên kết (với danh sách trắng giao thức URL loại bỏ href javascript: và data:), **in đậm**, *in nghiêng*, ~~gạch ngang~~ và mã nội tuyến — theo thứ tự ưu tiên đó.
3. 3
   Đầu ra HTML trực tiếp với nút chuyển xem trước

   Chuỗi HTML được tính lại qua useMemo với mỗi lần gõ phím, nên khung bên phải cập nhật ngay lập tức. Một nút chuyển đổi giữa chế độ xem mã HTML thô và bản xem trước được hiển thị bằng bộ máy bố cục của chính trình duyệt.
4. 4
   Ba tùy chọn đầu ra, kể cả sao chép văn bản định dạng

   Bạn có thể sao chép mã HTML thô, tải tệp .html độc lập hoàn chỉnh có DOCTYPE và thẻ meta charset, hoặc dùng 'Sao chép văn bản định dạng' — ghi cả hai MIME type text/html và text/plain vào bộ nhớ tạm qua ClipboardItem của Clipboard API, để kết quả đã định dạng dán thẳng vào Gmail, Google Docs hoặc Word mà không cần thêm bước nào.

Công cụ liên quan