Trình soạn Markdown xem trước trực tiếp - Xuất HTML
Trình soạn Markdown và xem trước
HTML thô trong nguồn được hiển thị dưới dạng văn bản trong phần xem trước, và các liên kết javascript: hay data: bị vô hiệu.
Cách viết Markdown
Markdown là văn bản thuần với vài quy ước dấu câu: dấu thăng cho tiêu đề, dấu sao để nhấn mạnh, dấu gạch ngang cho mục danh sách. Đó là ngôn ngữ mà README, wiki, trình theo dõi vấn đề và hầu hết ứng dụng ghi chú đều hiểu. Trình soạn này hiển thị văn bản ngay khi bạn gõ, để bạn thấy cấu trúc hình thành, và xuất HTML sạch khi hoàn tất.
Các bước
- 1 Gõ hoặc dán Markdown vào ô bên trái. Phần xem trước bên phải cập nhật sau mỗi lần gõ.
- 2 Dùng mẫu như một bảng tra nhanh: tiêu đề, đậm và nghiêng, danh sách, khối mã, bảng, trích dẫn và liên kết đều có trong đó.
- 3 Sao chép HTML cho CMS hay mẫu giao diện, hoặc tải tài liệu dưới dạng .md hay tệp .html độc lập.
Cú pháp trong một phút
Tiêu đề: # Tiêu đề, ## Phần, ### Mục. Nhấn mạnh: **đậm**, *nghiêng*, ~~gạch ngang~~. Danh sách: bắt đầu dòng bằng - hoặc 1.; thụt vào hai khoảng trắng để lồng nhau. Liên kết: [văn bản](https://example.com); hình ảnh: . Mã nội dòng đặt trong `dấu huyền`; khối mã được bao bởi ba dấu huyền, có thể kèm tên ngôn ngữ. Một dòng --- vẽ đường kẻ, và dòng bắt đầu bằng dấu lớn hơn là trích dẫn.
Bảng
Bảng gồm một hàng tiêu đề, một hàng phân cách và các hàng dữ liệu, các ô ngăn bởi dấu gạch đứng: | Tên | Giá |. Hàng phân cách dùng dấu gạch ngang, và dấu hai chấm ở đầu nào thì căn lề theo đó — :--- trái, :---: giữa, ---: phải. Các cột không cần thẳng hàng trong nguồn; bộ hiển thị tự xử lý khoảng cách.
Bản xuất HTML chứa gì
Sao chép HTML chỉ đưa ra phần đánh dấu nội dung — đoạn văn, tiêu đề, danh sách và bảng — sẵn sàng dán vào một trang đã có kiểu dáng riêng. Tải .html gói phần đánh dấu đó vào một tài liệu hoàn chỉnh với tiêu đề lấy từ đề mục đầu tiên và một bảng kiểu nhỏ, để tệp mở dễ đọc trên mọi trình duyệt.
Vì sao HTML thô không được hiển thị
Markdown tiêu chuẩn cho HTML đi qua nguyên vẹn, tiện nhưng biến mọi tài liệu dán vào thành một cách chạy script trong trang. Phần xem trước này thay vào đó sẽ thoát ký tự: một thẻ div hay script trong nguồn hiện ra dưới dạng văn bản. Các liên kết với lược đồ javascript: và data: cũng bị vô hiệu vì lý do tương tự. Tệp bạn xuất ra cũng không chứa mã chèn.