UltKit

تبدیل JSON به جدول HTML

خروجی API را به کسانی نشان دهید که هرگز فایل ‎.json را باز نمی‌کنند. این مبدل از رکوردهای شما یک جدول HTML می‌سازد که برای هر کلید یک خانهٔ سرستون و برای هر شیء یک ردیف دارد و آمادهٔ باز شدن در مرورگر یا چسباندن در یک صفحه است.

مبدل داده

یا فایل‌های CSV, TSV, TXT … را اینجا رها کنید ·

حداکثر 95 MB برای هر فایل· تا 20 فایل· حذف پس از 30 دقیقه

خروجی

فایل‌ها روی سرورهای ما پردازش می‌شوند و پس از 30 دقیقه حذف می‌شوند.

نحوه استفاده از این ابزار

  1. 1

    داده‌های JSON را بارگذاری کنید

    فایل‌های .json، .jsonl یا .ndjson را اضافه کنید. آرایه‌ای از اشیا با کلیدهای یکسان، مرتب‌ترین جدول را می‌دهد. حداکثر 20 فایل، هر کدام تا 95 MB.

  2. 2

    سرستون‌ها و تاریخ‌ها را بررسی کنید

    کلیدها به سرستون تبدیل می‌شوند. در تنظیمات پیشرفته، گزینهٔ تاریخ‌ها را روی قالبی بگذارید که خوانندگان شما با آن آشنا هستند، مثلاً 10/18/2026 برای مخاطب آمریکایی.

  3. 3

    به جدول HTML تبدیل کنید

    روی تبدیل به HTML table بزنید، فایل .html را برای بررسی در مرورگر باز کنید و سپس جدول را در CMS، ویرایشگر خبرنامه یا ویکی خود کپی کنید.

تبدیل JSON به HTML آرایه‌ای از رکوردها را به یک عنصر table ساده تبدیل می‌کند: کلیدها بالا، یک ردیف برای هر رکورد و هیچ چیز دیگر؛ برای همین در هر صفحه یا ایمیلی جا می‌گیرد.

چه کسانی به نمایش JSON به‌صورت جدول HTML نیاز دارند

معمولاً JSON از یک سیستم بیرون می‌آید و جدول برای یک آدم است. مدیر محصول فهرست feature flag ها را از API مدیریتی می‌گیرد و آن را در ویکی تیم می‌خواهد. توسعه‌دهنده باید نتیجهٔ خروجی داده را بدون نمایشگر JSON به مشتری نشان دهد. ویراستار خبرنامه فهرست رویدادها را از پلتفرم رزرو می‌گیرد و برای شمارهٔ بعد لازمش دارد. تایپ دستی ردیف‌ها برای صدها رکورد کند است.

جدول‌ها از HTML 3.2 بخشی از وب بوده‌اند؛ W3C آن را در ژانویهٔ 1997 به‌عنوان Recommendation منتشر کرد و هر مرورگر، CMS و کلاینت ایمیل می‌داند چگونه آن را نشان دهد. مبدل فقط ساختار، یعنی خانه‌های سرستون و داده را می‌نویسد، پس سبک‌های موجود سایت شما ظاهر را تعیین می‌کنند. اگر مقصد README در GitHub یا مستنداتی به Markdown است، CSV به Markdown جدول لوله‌ای معادل را تولید می‌کند.

نمونهٔ تبدیل JSON به جدول HTML

دو رکورد نسخه که با «تبدیل به HTML table» تبدیل شده‌اند
[
  {"version": "2.4.0", "date": "2026-09-30", "notes": "Faster search & export"},
  {"version": "2.3.1", "date": "2026-08-12", "notes": "Fix <select> width"}
]

<table>
  <thead>
    <tr><th>version</th><th>date</th><th>notes</th></tr>
  </thead>
  <tbody>
    <tr><td>2.4.0</td><td>2026-09-30</td><td>Faster search &amp; export</td></tr>
    <tr><td>2.3.1</td><td>2026-08-12</td><td>Fix &lt;select&gt; width</td></tr>
  </tbody>
</table>

ورودی JSON و خروجی‌های جدولی قابل انتخاب

from ↓ · to →HTML tableجدول MarkdownDOCX table
JSON arrayJSON array to HTML table: yesJSON array to جدول Markdown: yesJSON array to DOCX table: yes
JSON LinesJSON Lines to HTML table: yesJSON Lines to جدول Markdown: yesJSON Lines to DOCX table: yes
NDJSONNDJSON to HTML table: yesNDJSON to جدول Markdown: yesNDJSON to DOCX table: yes
CSVCSV to HTML table: yesCSV to جدول Markdown: yesCSV to DOCX table: yes
XLSXXLSX to HTML table: yesXLSX to جدول Markdown: yesXLSX to DOCX table: yes
supported not offeredهمهٔ ورودی‌ها گزینهٔ **تبدیل به** هر سه خروجی جدول را می‌پذیرند؛ این صفحه HTML را از پیش انتخاب کرده است.

جایی که جدول HTML خوب کار می‌کند

  • ویکی‌ها، صفحه‌های CMS و پورتال‌های سازمانی که HTML خام می‌پذیرند
  • خبرنامه‌های ایمیلی، چون جدول‌ها تقریباً در همهٔ کلاینت‌ها درست نمایش داده می‌شوند
  • اشتراک‌گذاری سریع: هر مرورگری فایل را باز می‌کند و نرم‌افزاری لازم نیست

جایی که انتخاب درستی نیست

  • داده‌ای که مدام ویرایش می‌شود و جایش در صفحه‌گسترده است
  • خروجی‌های بسیار بزرگ، چون پیمایش صفحه‌ای با 50,000 ردیف کند می‌شود
  • تغذیهٔ برنامه‌ای دیگر، که باید به‌جای آن JSON یا CSV بگیرد

نگاهی کوتاه به فرمت‌های JSON و HTML

JSON

نشانه‌گذاری شیء جاوااسکریپت (JSON)

JSON یک فرمت متنی سبک برای داده‌های ساختاریافته است که Douglas Crockford در اوایل دهه 2000 آن را رایج کرد و با عنوان RFC 8259 و ECMA-404 استاندارد شد. اشیا، آرایه‌ها، رشته‌ها، اعداد، مقادیر بولی و null را با نحوی ساده و خوانا نمایش می‌دهد. این فرمت پیش‌فرض APIهای وب، فایل‌های پیکربندی و تبادل داده بین برنامه‌ها در تقریباً همه زبان‌های برنامه‌نویسی است. توضیحات، تاریخ یا طرحواره ندارد و فایل‌های بزرگ تودرتو بدون نمایشگر سخت خوانده می‌شوند.

فشرده‌سازی
–
شفافیت
–
انیمیشن
–
سال معرفی
2001 · Douglas Crockford
مبدل JSON

HTML

زبان نشانه‌گذاری ابرمتن (HTML)

HTML زبان نشانه‌گذاری وب است که Tim Berners-Lee در اوایل دهه 1990 آن را توصیف کرد و اکنون WHATWG به‌صورت استاندارد زنده نگهداری‌اش می‌کند. یک فایل HTML عنوان‌ها، پاراگراف‌ها، پیوندها، جدول‌ها، تصاویر و فرم‌ها را توصیف می‌کند و ظاهر معمولاً از CSS می‌آید. همه مرورگرها آن را نمایش می‌دهند و برای قالب‌های ایمیل و صفحات ذخیره‌شده وب هم به کار می‌رود. یک فایل HTML اغلب به تصاویر و شیوه‌نامه‌های خارجی وابسته است، پس اگر تنها جابه‌جا شود ممکن است خراب به نظر برسد.

فشرده‌سازی
–
شفافیت
–
انیمیشن
–
سال معرفی
1993 · Tim Berners-Lee; maintained by WHATWG
مبدل HTML

وقتی داده‌ای که با کد دریافت شده باید در مرورگر، ایمیل یا صفحهٔ CMS توسط آدم‌ها خوانده شود، JSON به HTML تبدیل می‌شود؛ چون جدولی با سرستون از آکولادها و گیومه‌های خام خواناتر است.

این دو فرمت در دو سوی یک درخواست وب قرار دارند. JSON چیزی است که سرور برای کد می‌فرستد و HTML چیزی است که مرورگر در نهایت نشان می‌دهد. تبدیل دستی یعنی انجام کاری در یک فایل که قالب فرانت‌اند هنگام اجرا انجام می‌دهد؛ این وقتی انتخاب درستی است که داده یک نمونهٔ ثابت باشد، نه جریانی که هر دقیقه تغییر می‌کند.

پرسش‌های رایج دربارهٔ تبدیل JSON به HTML

آیا می‌توانم جدول HTML را در وردپرس بچسبانم؟

بله. ویرایشگر بلوکی را روی بلوک HTML سفارشی بگذارید یا در ویرایشگر کلاسیک به زبانهٔ «متن» بروید و عنصر table را جای‌گذاری کنید. چون خروجی فقط نشانه‌گذاری دارد و شیوه‌نامهٔ جداگانه‌ای همراهش نیست، سبک جدول‌های قالب شما خودکار اعمال می‌شود.

آیا جدول در Outlook و Gmail درست نمایش داده می‌شود؟

جدول HTML مطمئن‌ترین ساختار در ایمیل است، چون Outlook دسکتاپ از نسخهٔ 2007 پیام‌ها را با موتور Word نمایش می‌دهد و بسیاری از CSS های جدید را نادیده می‌گیرد. جدول را از گزینهٔ HTML یا منبع در ابزار ایمیل خود درج کنید، نه با پیوست کردن فایل.

اشیای تودرتو در جدول چگونه نمایش داده می‌شوند؟

اشیای تودرتو در ستون‌های اضافه با نام‌های نقطه‌دار مانند customer.email باز می‌شوند. فهرستی از مقادیر درون یک رکورد، به‌صورت متن JSON در یک خانه می‌ماند، چون ردیف جدول نمی‌تواند برای هر رکورد تعداد خانهٔ متفاوتی داشته باشد.

آیا نویسه‌های خاص داده‌های من در HTML امن هستند؟

نویسه‌هایی که در HTML معنا دارند، مانند < و &، به‌صورت موجودیت نوشته می‌شوند؛ پس مقداری مثل <b>Sale</b> به‌صورت متن نمایش داده می‌شود و خانه را پررنگ نمی‌کند. این کار همچنین مانع اجرای نشانه‌گذاری ناخواسته در داده‌های تولیدشده توسط کاربران روی صفحهٔ شما می‌شود.

چرا به‌جای نمودار از جدول استفاده کنیم؟

جدول مقادیر دقیق را نشان می‌دهد و خواننده می‌تواند یک ردیف را پیدا کند؛ نمودار روندها را نشان می‌دهد. برای فهرست قیمت، گزارش نسخه‌ها یا فهرست کارکنان جدول مناسب است؛ برای سری زمانی، جدول HTML را به‌عنوان منبع داده برای یک کتابخانهٔ نمودار به کار ببرید.

آیا پس از تبدیل می‌توانم داده‌ها را ویرایش کنم؟

در منبع ویرایش کنید، نه در HTML. JSON یا صفحه‌گسترده‌ای را که از آن آمده اصلاح و دوباره تبدیل کنید، یا اگر افراد غیربرنامه‌نویس آن‌ها را نگهداری می‌کنند، رکوردها را با تبدیل JSON به اکسل به یک کارپوشه ببرید.