Chuyển đổi Markdown ↔ HTML
Kết xuất Markdown ra HTML với xem trước trực tiếp, hoặc đưa HTML về Markdown
Về công cụ này
Viết hoặc dán Markdown vào và xem song song cả bản kết xuất lẫn phần HTML sinh ra — gồm tiêu đề, bảng kiểu GFM, gạch đầu dòng dạng danh sách việc cần làm, khối mã đóng khung và chữ gạch ngang. Chiều ngược lại chuyển HTML sẵn có thành Markdown sạch sẽ với tiêu đề ATX, gạch đầu dòng bằng dấu gạch ngang và khối mã đóng khung — đây là cách nhanh nhất để di dời nội dung CMS cũ vào một kho tài liệu.
Bản xem trước được làm sạch trước khi kết xuất: script, iframe và các thuộc tính bắt sự kiện đều bị loại bỏ, nên một liên kết chia sẻ mang mã độc hại không thể chạy được gì trong trình duyệt của bạn. Ô kết quả HTML thì luôn hiển thị bản chuyển đổi thô để bạn chép vào template hay email.
Việc chuyển đổi và xem trước đều chạy cục bộ. Bản nháp ghi chú phát hành có tên những tính năng chưa công bố vẫn nằm yên trên máy bạn.
Câu hỏi thường gặp
- Đây là biến thể Markdown nào?
- CommonMark cộng thêm những phần mở rộng của GitHub mà người ta thật sự dùng: bảng, chữ gạch ngang và tự động biến URL thành liên kết. Ngắt dòng mềm vẫn là mềm — một dòng mới đơn lẻ không biến thành <br>, khớp với cách GitHub kết xuất tài liệu.
- Vì sao bản xem trước khác với phần HTML thô?
- Bản xem trước đi qua một bộ làm sạch, loại bỏ thẻ script, các trình bắt sự kiện viết thẳng trong thẻ và những URL javascript: trước khi kết xuất. Ô kết quả thì bỏ qua bước làm sạch vì nó là văn bản chứ không phải mã đang được kết xuất — nếu bạn nhúng HTML do người dùng cung cấp, hãy tự làm sạch ở phía sau.
- Chuyển HTML → Markdown trung thành đến đâu?
- Các thành phần cấu trúc — tiêu đề, danh sách, liên kết, nhấn mạnh, mã, trích dẫn, ảnh — chuyển đổi gọn gàng. Phần HTML không có tương đương trong Markdown (bảng lồng nhau, thẻ div kèm class, style viết thẳng) sẽ đi qua ở dạng HTML thô hoặc mất phần định dạng, nên đọc soát lại một lượt sau đó là đáng.
- Tôi có dùng được phần HTML sinh ra trong email không?
- Được — kết quả là HTML ngữ nghĩa thuần túy, không có class và không tham chiếu stylesheet bên ngoài, đúng thứ mà các phần mềm email chịu được tốt nhất. Cần định dạng gì thì hãy viết thẳng vào thuộc tính style ở trên đó.