Chuyển đến nội dung chính

Tạo Bảng Markdown miễn phí

Chỉnh sửa trực quan bảng Markdown với căn chỉnh theo cột. Nhập từ CSV hoặc TSV, sao chép đầu ra Markdown theo chuẩn GitHub.

Hoạt động ngoại tuyến sau khi tải
Nhập từ CSV, TSV hoặc Markdown
Xem trước
TênEmailVai trò
Alicealice@example.comQuản trị viên
Bobbob@example.comBiên tập viên
Carolcarol@example.comNgười xem
| Tên   | Email             |    Vai trò    |
| :---- | :---------------- | :-----------: |
| Alice | alice@example.com | Quản trị viên |
| Bob   | bob@example.com   | Biên tập viên |
| Carol | carol@example.com |   Người xem   |

Công dụng phổ biến

  • Xây Dựng Bảng cho Các Tệp GitHub READMEGitHub hiển thị các bảng Markdown gốc. Xây dựng các bảng so sánh tính năng, tham khảo API hoặc lộ trình hình ảnh.
  • Bảng Tài Liệu API và Tham KhảoXây dựng các bảng tham số, tham khảo mã trạng thái và các bảng định nghĩa trường cho tài liệu API.
  • Xây Dựng Bảng trong Obsidian / Notion / LogseqCác ứng dụng ghi chú hướng đến Markdown đều hỗ trợ bảng. Xây dựng chúng nhanh hơn ở đây so với văn bản thuần túy.
  • Thêm Bảng vào Bài Đăng BlogSo sánh giá, ma trận tính năng và bảng tham khảo hướng dẫn — Markdown là cách ít ma sát nhất để thêm chúng.
  • Chuyển Đổi CSV thành Bảng MarkdownDán CSV từ bảng tính, nhận bảng Markdown sẵn sàng dán vào tài liệu hoặc ghi chú.

Cách hoạt động

Công cụ này là trình chỉnh sửa bảng Markdown chạy hoàn toàn phía máy khách, xây dựng bằng JavaScript tự viết — không dùng thư viện bảng bên thứ ba. Nó tạo cú pháp bảng dấu gạch đứng GitHub Flavored Markdown trực tiếp trong trình duyệt, với đệm độ rộng cột trực tiếp và dấu căn chỉnh theo từng cột, và cũng có thể xuất cùng dữ liệu dạng HTML, CSV, mã wiki JIRA hoặc bảng lưới reStructuredText.

  1. 1
    Chỉnh sửa ô trong lưới trực quan
    Mọi tiêu đề và ô đều là ô nhập có thể chỉnh sửa. Khi bạn gõ, cập nhật React state kích hoạt lệnh gọi useMemo chạy lại bộ tạo ngay lập tức, nên bảng đầu ra làm mới với mỗi lần gõ phím, không có độ trễ.
  2. 2
    Bộ tạo đệm và thoát cú pháp GFM
    Hàm generateMarkdown tự viết đo độ rộng nội dung lớn nhất của mỗi cột, đệm mỗi ô bằng dấu cách để căn chỉnh, tạo hàng phân cách với các dấu :--- / ---: / :---:, và thoát ký tự gạch đứng thành \| và xuống dòng thành phần tử br để bảng vẫn hợp lệ trong mọi bộ hiển thị Markdown.
  3. 3
    Nhập CSV, TSV hoặc bảng Markdown có sẵn
    Dán vào ô nhập sẽ kích hoạt bộ phân tích CSV/TSV RFC 4180 tự viết (lib/csv.ts) hoặc bộ phân tích bảng Markdown tùy chỉnh tách hàng theo dấu gạch đứng không thoát và đọc căn chỉnh từ hàng phân cách, cho phép bạn đưa bảng có sẵn trở lại trình chỉnh sửa.
  4. 4
    Sao chép theo định dạng bạn cần
    Chuyển thẻ định dạng đầu ra sẽ chạy lại bộ tạo tương ứng (HTML có thuộc tính style, CSV RFC 4180, mã wiki JIRA với tiêu đề ||, hoặc bảng lưới reStructuredText với viền +---+) và nút Sao chép ghi kết quả vào bộ nhớ tạm qua navigator.clipboard API chuẩn.

Công cụ liên quan

Câu hỏi thường gặp