Bộ chuyển đổi Markdown
Bộ chuyển đổi Markdown
Bộ chuyển đổi Markdown: Hỗ trợ chuyển đổi hai chiều giữa Markdown và HTML với hiển thị xem trước theo thời gian thực. Hỗ trợ cú pháp mở rộng GFM, làm nổi bật mã, công thức toán học KaTeX và sơ đồ Mermaid, phù hợp cho viết tài liệu, xuất bản blog và tạo văn bản định dạng cho email Mọi xử lý đều diễn ra ngay trong trình duyệt.
Đầu vào
Kết quả
Kết quả sau khi chuyển đổi sẽ xuất hiện tại đây…
Bắt đầu nhanh
Tình huống sử dụng phổ biến
Xem trước blog/tài liệu
nhanh chóng kiểm tra render Markdown và màu sắc.
dán HTML đã xuất vào thân email (nên ưu tiên style inline).
Rich text → Markdown
làm sạch nội dung rich text từ web/CMS thành Markdown có thể version control.
Tài liệu kỹ thuật
render công thức/sơ đồ và xuất một lần.
Di chuyển editor
so khớp khác biệt giữa các flavor Markdown.
Wiki/Knowledge base
chuyển trang HTML sang Markdown để import.
API changelog
biến mô tả/HTML thành Markdown để review/PR.
Tình huống bổ sung
HTML sang Markdown, chuyển Markdown sang HTML và chuyển đổi Markdown HTML cũng có thể được xử lý trong cùng một luồng để bạn kiểm tra kết quả nhanh hơn trước khi sao chép hoặc xuất ra.
Tham số chuyển đổi & render
Gợi ý sử dụng
Giới hạn & khả năng tương thích
Quyền riêng tư & bảo mật
Câu hỏi thường gặp
Xác định flavour đích (CommonMark/GFM/custom). Tránh HTML thô và extension riêng. Dùng quy tắc xuống dòng chuẩn (dòng trống hoặc hai khoảng trắng cuối dòng). Rút gọn thành ví dụ nhỏ, xác minh trên nền tảng đích rồi mở rộng lại.
Công cụ không chạy <script>, nhưng cũng không tự sanitize. Hãy sanitize ở server/pipeline xuất bản bằng thư viện allow‑list (ví dụ DOMPurify), chặn handler on* và URI nguy hiểm, đồng thời thiết lập CSP cho script ngoài/inline.
Ưu tiên semantics có thể mang đi: chuyển bảng/lists lồng nhau thành bảng '|' và list phẳng; dán dạng plain text để bỏ span/style/class trước khi convert; tách một ví dụ nhỏ và chỉnh ngay trên source.
Cú pháp: KaTeX dạng $$…$$ hoặc inline $…$; Mermaid dùng code fence ```mermaid. Với nội dung lớn, công cụ có thể suy giảm (chỉ hiển thị source/tắt highlight). Hãy giảm mật độ, chia nhỏ khi convert và dùng ví dụ tối giản để bắt lỗi cú pháp. Phục hồi: KaTeX có thể phục hồi từ HTML render; Mermaid chỉ phục hồi được nếu sơ đồ được chính công cụ này sinh ra kèm source bên trong.