Turn web-page markup into JSON you can feed to a script or an API
The data you need is often already on the page—inside a `<table>`, buried in a CMS preview, or sitting in a saved HTML export from a vendor portal. What you do not have is a clean JSON payload: an array of objects for a fetch handler, a config block for a test fixture, or structured rows you can drop into a database seed file. Grabbing text from the browser window is a dead end. Headers and body cells collapse together, merged cells disappear, and you end up hand-building objects in an editor. An html to json workflow should let you verify the structure before you copy a single brace. This tool runs locally in your tab. Paste HTML on the left, watch the parsed grid and JSON output update on the right, adjust a cell or fix the source markup if something looks off, then copy or download `.json`. No upload queue, no account, and your markup never leaves the machine—useful when the page includes customer names, internal pricing, or unreleased product specs.
An html to json converter built for tables and full-page text
Real HTML is rarely one perfect table. Sometimes the valuable data is a pricing grid with `colspan` headers; sometimes it is a product page where you need both the bullet list and the spec table in one JSON file. We handle both paths without making you pick a different site. **Table extraction** reads semantic `<table>` markup and builds a real matrix—`<th>` and `<td>` cells land in separate columns, and `colspan` / `rowspan` show up as merged cells in the preview so you can see how summary rows will flatten into JSON. **Full text extraction** walks headings, paragraphs, and list items, putting each block on its own row in a single column while still expanding any embedded tables into multi-column rows. That mode is the one to reach for when the page is mostly copy with a table in the middle, or when you want readable text alongside tabular data in one export. On the output side, turn on **First row as keys** when the header row should become property names and you need an array of objects instead of a nested array of strings. **Pretty-print** keeps the Formatted tab readable for code review; switch to Minified when size matters.
Most upload-only converters hide the parsing step. You send a file, get JSON back, and discover misaligned columns only after pasting it into Postman. Here the HTML editor, grid preview, and JSON panel share one screen. If a row is wrong, click the cell in the grid and type a correction. If the structure is wrong—missing `<thead>`, an extra wrapper `div`, a broken tag—switch to the HTML tab and edit the markup in place; the preview refreshes as you work. Several top-level tables in one paste become separate sheets in the toolbar. Spot-check each block, pick the sheet you need, then copy or download JSON for that sheet. When you need markup again later, Excel to HTML in the conversion menu follows the same preview-first pattern in the other direction.
Try the converterTable mode and full-text mode
Extract `<table>` grids for structured data, or walk the whole page for mixed content—without switching tools.
Edit HTML or cells before export
Fix tags in the source panel or tweak values in the grid; the JSON you copy reflects what you verified on screen.
Formatted JSON with object keys
Optional header-to-keys mapping and pretty-print output, plus a minified view when you need a compact payload.
What this html to json converter does differently
A workbench layout—HTML in, structured JSON out—with a preview you can trust before you copy.
See the data before it becomes JSON
JSON is unforgiving: one shifted column and every object gets the wrong field names. The grid preview exists so you can read headers, scan numeric columns, and spot a duplicated row while the HTML is still open next to it. Paste is first-class. Developers often already have the fragment—in DevTools, a saved export, an email template, a Storybook snapshot. Upload `.html` or `.htm` when the file is too large for the clipboard; either way, parsing stays in the browser. When the preview looks right, open **JSON options** to map the first row to keys or keep a plain 2D array. The Formatted tab shows indented output for review; Minified strips whitespace for payloads you will gzip anyway. Copy to clipboard or download `.json`—same data, your choice of handoff.
How to convert HTML to JSON
Paste or import your HTML
Put markup in the left editor—most people paste from the clipboard. For a saved page, use Upload to import `.html` or `.htm`. Choose **Table extraction** when the data is in `<table>` tags; choose **Full text extraction** when the page mixes headings, paragraphs, and tables.
Review the grid and fix what you see
The preview panel shows the rows that will become JSON. Check headers, numbers, and merged bands. If the HTML had several tables, pick the sheet from the toolbar. Wrong value? Click the cell. Wrong structure? Switch to the HTML tab and edit the markup in place—the grid updates as you type.
Set JSON options
Open **JSON options** in the toolbar. Enable **First row as keys** when you want an array of objects with named fields. Turn on **Pretty-print** for readable output in the Formatted tab, or read the Minified tab when you need a compact string.
Copy or download
Use **Copy JSON** for a quick handoff to your editor or Postman. Click **Download .json** when you want a file on disk—the name follows your imported filename when you uploaded one. Need HTML again later? Excel to HTML in the conversion menu handles the return trip.
HTML to JSON: questions before you export
Turn your next HTML fragment into JSON you can ship
Paste, preview the grid, edit markup or cells, then copy or download—without hand-typing objects.
HTML to JSON
- Table extraction and Full text extraction in one tool
- Edit HTML in place or fix values in the preview grid
- First row as keys and pretty-print JSON options
- Copy or download `.json` from the toolbar
Need spreadsheets back as markup? Use Excel to HTML from the conversion menu.
Less manual object building
Pull structured data out of web markup with a preview you can verify before the JSON leaves your browser.