HTML To JSON Converter
HTML To XML, CSV, Text And Code

What An HTML To JSON Converter Does For You

HTML is built for browsers, not for data work. So when you need its content in a script, a spreadsheet or an API call, you must change its shape. That is what this tool does.

First, paste your HTML. Then pick the format you want. The result appears as you type. JSON and YAML keep the whole tree, XML gives you clean markup, and CSV takes the rows of a table.

It also writes plain text, a JavaScript string and a PHP string. In addition, it works backwards. Paste a code string, and the tool turns it back into HTML.

Then you can use the result anywhere. Load the JSON in a script, paste the CSV in a sheet, or drop the string into your code.

Everything runs in your browser. So your markup never leaves your device. That matters, because pages often hold names, emails and private text.

HTML To JSON, Tag By Tag

First, the tool reads your markup and builds a tree. Every tag becomes an object with a tag name. Attributes go in an attrs object, and nested tags and text go in a children list.

So a link becomes an object with the tag a, an href attribute and the link text as its child. The tree keeps the order of your page, which matters when you rebuild it later.

Also, the reader is forgiving. It closes tags that browsers close, such as p, li and td. It also decodes entities, so an ampersand entity becomes a plain ampersand.

For more detail, see: HTML Living Standard.

HTML To CSV From A Table

First, many pages hold data in tables. Paste the page, pick CSV or TSV, and the tool reads the rows and cells. If the HTML has several tables, a list lets you choose one.

The tool wraps a cell with a comma or a quote in quotes. So the file opens cleanly in Excel and Sheets. Header cells become the first row.

Then you can open the CSV in a spreadsheet, or load it into a database.

HTML To Text

Next, the text mode strips the tags and keeps the layout. Paragraphs and headings get a blank line after them. List items start with a dash, and each table row sits on one line.

So scripts and styles never appear in the text. If you want link addresses, switch on the option, and each address follows its link text in brackets.

HTML To JavaScript And PHP Strings

Sometimes you must put a block of HTML inside code. A quote or a line break in that HTML can break the string. So the tool escapes it for you.

For JavaScript you can pick single quotes, double quotes, a template literal or a list of lines joined together. For PHP you can pick single quotes, double quotes or a nowdoc block.

From A Code String Back To HTML

The reverse also works. Paste a JavaScript or PHP snippet with a string in it, and pick HTML as the target. The tool finds the strings, joins them and removes the escapes.

Also, it reads single quotes, double quotes, template literals and nowdoc blocks. It understands the usual escapes, such as a line break, a tab, a backslash and a Unicode code.

XML And YAML Output

The XML output follows the rules. Tags without content close themselves, and the tool quotes and escapes attribute values. If your HTML has more than one top level tag, the tool adds a root tag.

Then YAML output mirrors the JSON tree, with tag, attrs and children keys. It is easy to read, and you can paste it into a config file.

Safe By Design

The tool reads your HTML as text and never renders it. So a script inside the markup cannot run. Scripts and styles are left out by default, and you can keep their text if you need it. That also makes the tool safe for pages you do not trust.