Summary
Add an interactive visual Markdown Table Generator and Editor that allows developers, technical writers, and non-technical documenters to build and format GitHub Flavored Markdown (GFM) tables visually.
Motivation
Writing complex Markdown tables by hand with vertical bars (|) and dashes (---) is cumbersome and frustrating, especially when aligning columns or dealing with cell padding. Developers and documentation writers need a fast, visual spreadsheet-like grid that emits clean, pretty-printed GFM table syntax.
Features
- Visual Spreadsheet Grid:
- Add / remove rows and columns with hotkeys or buttons.
- Set column alignments (Left
:---, Center :---:, Right ---:).
- Drag or tab smoothly between cells.
- Import Capabilities:
- Paste CSV or TSV (tab-separated from Excel / Google Sheets) ➔ Auto-converts to Markdown table.
- Paste JSON array of objects ➔ Auto-infers table headers and rows.
- Export & Output Modes:
- Pretty-printed GFM Table: Evenly padded columns with spaces for maximum source readability.
- Compact GFM Table: Minimal whitespace for smaller file sizes.
- HTML
<table>: Clean semantic markup.
- Live Preview: Real-time rendered preview of the table using the Toolglass frosted table styling.
Engineering & Privacy
- 100% Client-Side: Processes data in-memory without network calls.
- Zero Dependencies: Pure TypeScript grid logic.
Summary
Add an interactive visual Markdown Table Generator and Editor that allows developers, technical writers, and non-technical documenters to build and format GitHub Flavored Markdown (GFM) tables visually.
Motivation
Writing complex Markdown tables by hand with vertical bars (
|) and dashes (---) is cumbersome and frustrating, especially when aligning columns or dealing with cell padding. Developers and documentation writers need a fast, visual spreadsheet-like grid that emits clean, pretty-printed GFM table syntax.Features
:---, Center:---:, Right---:).<table>: Clean semantic markup.Engineering & Privacy