Chuyển Markdown sang HTML
Gõ hoặc dán Markdown để xem trước trực tiếp cùng mã HTML sinh ra — hỗ trợ bảng, danh sách việc cần làm, in đậm, liên kết kiểu GitHub và hơn thế. Sao chép HTML chỉ một cú nhấp.
—
Giới thiệu công cụ
Chuyển Markdown sang HTML biến văn bản Markdown thành mã HTML sạch, đồng thời hiển thị bản xem trước trực tiếp ngay bên cạnh. Bạn gõ ở khung trái, thấy định dạng hiện ra ở khung phải và lấy mã HTML bất cứ khi nào cần.
Công cụ hỗ trợ Markdown kiểu GitHub nên bảng, danh sách việc cần làm, khối mã, tiêu đề, in đậm, in nghiêng và liên kết đều chuyển đúng. Mọi thứ chạy trong trình duyệt, giúp bạn soạn nhanh file README, bài blog hay tài liệu mà không cần trình soạn thảo nặng nề.
Cách sử dụng
- Gõ hoặc dán Markdown vào khung nhập bên trái.
- Xem bản xem trước bên phải cập nhật ngay khi bạn gõ.
- Chuyển sang chế độ HTML để xem mã sinh ra.
- Dùng bảng, danh sách việc cần làm hay khối mã — cú pháp kiểu GitHub được hỗ trợ.
- Nhấn Sao chép để đưa HTML vào clipboard, sẵn sàng dán vào CMS hoặc template.
Tính năng
- Xem trước trực tiếp và mã HTML cạnh nhau, cập nhật tức thì.
- Markdown kiểu GitHub: bảng, danh sách việc cần làm và gạch ngang.
- Khối mã và mã nội dòng render chính xác.
- Sao chép HTML sinh ra chỉ với một cú nhấp.
- Mã sạch, đúng ngữ nghĩa, dán thẳng vào trang là dùng được.
- Chạy hoàn toàn trong trình duyệt — bản nháp không bao giờ bị tải lên.
Câu hỏi thường gặp
Markdown của tôi có bị gửi lên server không?
Không. Quá trình chuyển đổi diễn ra cục bộ trong trình duyệt bằng JavaScript nên văn bản và các ghi chú riêng tư luôn nằm trên máy của bạn.
Công cụ hỗ trợ loại Markdown nào?
Công cụ theo chuẩn GitHub-Flavored Markdown (GFM) gồm bảng, danh sách việc cần làm, gạch ngang và khối mã, bên trên cú pháp CommonMark tiêu chuẩn.
Tôi có thể dán HTML vào WordPress hay CMS khác không?
Có. Sao chép HTML sinh ra rồi dán vào chế độ mã/HTML của trình soạn thảo. Mã theo chuẩn và không phụ thuộc stylesheet bên ngoài.
Vì sao bản xem trước nhìn đơn giản hơn trang thật?
Bản xem trước dùng kiểu trung tính để bạn đánh giá cấu trúc. Trên trang của bạn, cùng mã HTML đó sẽ thừa hưởng font, màu và khoảng cách của theme.