Công cụ chuyển đổi Markdown sang HTML
Markdown là định dạng tác giả cho các tệp README, xuất Notion và trình tạo trang tĩnh. Chuyển đổi sang đoạn mã HTML để dán CMS, xem trước mẫu email hoặc tìm hiểu cách **đậm** và ```mã``` ánh xạ tới thẻ — được xử lý cục bộ.
Đầu vào
HTML
<h1>Hello</h1>
<p>This is <strong>bold</strong> and <em>italic</em>.</p>
<ul>
<li>item 1</li>
<li>item 2</li>
</ul>
Cách chuyển đổi Markdown sang HTML
1. Dán Markdown vào khung nguồn.
2. Xem đầu ra HTML và xem trước nếu chia giao diện người dùng.
3. Sao chép đoạn nội dung HTML.
4. Khử trùng trước khi chèn vào trang web nếu Markdown đến từ người dùng.
Ví dụ chuyển đổi Markdown
Phần README
## Cài đặt cùng với danh sách dấu đầu dòng trở thành h2 và ul/li để dán wiki nội bộ.
Bản nháp blog
Chuyển đổi bản nháp Markdown của tác giả sang HTML cho chế độ soạn thảo mã WordPress.
Ghi chú phát hành
Changelog Markdown với các liên kết đến số PR được xuất dưới dạng vụ nổ email HTML.
Khi nào nên chuyển Markdown sang HTML
• Khi CMS chấp nhận HTML nhưng tác giả viết Markdown.
• Khi xem trước kết xuất README trước GitHub push.
• Khi tạo đoạn HTML tĩnh mà không có quy trình xây dựng đầy đủ.
Khi quy trình đầy đủ tốt hơn
• Khi trang web sử dụng MDX hoặc mã ngắn thành phần — cần trình biên dịch chuyên dụng.
• Khi yêu cầu hộp kiểm/tác vụ Markdown phù hợp với GitHub — hãy chọn trình phân tích cú pháp tương thích với GFM.
• Khi người dùng không tin cậy Markdown — phải loại bỏ đầu ra HTML khỏi XSS.
Sự khác biệt về hương vị
CommonMark, GFM và Obsidian wikilinks — cùng một nguồn Markdown hiển thị khác nhau. Chuẩn hóa hương vị trong hướng dẫn phong cách nhóm.
Sạch hóa nội dung người dùng
Sử dụng trình khử trùng danh sách cho phép trên HTML sau khi chuyển đổi — chặn thẻ tập lệnh và thuộc tính lỗi.
Email HTML
Bảng đánh dấu có thể bị hỏng trong Outlook — kiểm tra riêng các mẫu email phản hồi.
Câu hỏi thường gặp
Bảng GFM và gạch ngang?
Phụ thuộc vào trình phân tích cú pháp — xác minh các tiện ích mở rộng được hỗ trợ.
HTML nội tuyến trong Markdown?
Nhiều trình phân tích cú pháp chuyển qua HTML thô — rủi ro XSS đối với nội dung người dùng.
Khối mã ngôn ngữ?
Có thể thêm lớp ngôn ngữ-js cho phần đánh dấu Prism — kiểm tra đầu ra.
Tài liệu HTML đầy đủ?
Đầu ra chỉ có thể là một đoạn — bọc bằng html/nội dung cho tệp độc lập.
Cục bộ?
Có.
Đảo ngược HTML sang Markdown?
Yêu cầu trình chuyển đổi HTML-to-MD — mất dữ liệu đối với các bố cục phức tạp.