Конвертувати HTML таблицю в JSON

Теги:

Форма для перетворення HTML в JSON

Ця форма дозволяє перетворювати HTML таблиці у JSON формат даних, вставте або завантажте HTML файл нижче:


Ваш результат можна побачити нижче.

Результат перетворення HTML в JSON


Перенести до "Вставити код" для збереження

Про перетворення HTML в JSON

Про перетворення HTML таблиць у JSON дані

Конвертер HTML у JSON був створений для оперативного перетворення HTML коду таблиць в JSON(JavaScript Object Notation) дані. Це дуже простий та легкий спосіб перетворити та поділитися HTML даними у JSON форматі.

Як це працює?

Просто вставте або завантажте HTML дані в текстове поле вище та натисніть кнопку "Конвертувати", і ви відразу отримаєте JSON дані.

Приклад перетворення HTML в JSON

Вхідні дані (До): 
<!DOCTYPE html>
<html>
<head>
<style>h1{color:orange;text-align:center;}</style>
</head>
<body>
<h1>HTML example!</h1>
<p>This is a paragraph.</p>
<table>
<thead>
<tr>
<td>id</td>
<td>firstName</td>
<td>lastName</td>
<td>age</td>
</tr>
</thead>
<tr>
<td>1</td>
<td>Kim</td>
<td>Kardashian</td>
<td>39</td>
</tr>
<tr>
<td>2</td>
<td>Ariana</td>
<td>Grande</td>
<td>26</td>
</tr>
<tr>
<td>3</td>
<td>Cristiano</td>
<td>Ronaldo</td>
<td>35</td>
</tr>
<tr>
<td></td>
</tr>
</table>
</body>
</html>
Кінцевий результат (після): 
{
	"root":
	{
		"rows": [
		{
			"col1": "id",
			"col2": "firstName",
			"col3": "lastName",
			"col4": "age"
		},
		{
			"col1": "1",
			"col2": "Kim",
			"col3": "Kardashian",
			"col4": "39"
		},
		{
			"col1": "2",
			"col2": "Ariana",
			"col3": "Grande",
			"col4": "26"
		},
		{
			"col1": "3",
			"col2": "Cristiano",
			"col3": "Ronaldo",
			"col4": "35"
		}]
	}
}
Або: 
{
	"root":
	{
		"rows": [
		{
			"id": "1",
			"firstName": "Kim",
			"lastName": "Kardashian",
			"age": "39"
		},
		{
			"id": "2",
			"firstName": "Ariana",
			"lastName": "Grande",
			"age": "26"
		},
		{
			"id": "3",
			"firstName": "Cristiano",
			"lastName": "Ronaldo",
			"age": "35"
		}]
	}
}
Після перетворення ви можете застосувати JSON дані до свого проекту або використовувати їх для інших цілей.
Пожертвувати

Вам сподобався цей інструмент? Ви можете задонатити нам. Це допоможе нам покращити наші безкоштовні веб-інструменти.

Paypal