تحويل JSON إلى جدول HTML
اعرض مخرجات API على أشخاص لن يفتحوا ملف .json أبدًا. تُنشئ الأداة جدول HTML من سجلاتك، بخلية عنوان لكل مفتاح وصف لكل كائن، جاهزًا للفتح في المتصفح أو اللصق في صفحة.
محوّل البيانات
أو أفلت ملفات CSV, TSV, TXT … هنا ·
الحد الأقصى 95 MB لكل ملف· حتى 20 ملفًا· تُحذف بعد 30 دقيقة
تُعالج الملفات على خوادمنا وتُحذف بعد 30 دقيقة.
الحرف الذي يفصل الأعمدة في ملفات CSV والنصوص، للقراءة والكتابة معًا. الاكتشاف التلقائي يحدده من المدخلات ويكتب الفواصل.
يعمل UTF-8 مع جميع اللغات. اختر UTF-8 with BOM إذا عرض Excel على Windows الحروف المشكولة أو الآسيوية بشكل مشوّه عند فتح ملف CSV.
لمدخلات Excel وODS وNumbers: حوّل الورقة الأولى فقط أو كل الأوراق (ملف CSV لكل ورقة داخل ZIP، أو مفتاح JSON لكل ورقة).
اسم تبويب الورقة في جدول البيانات الجديد، بحد أقصى 31 حرفًا.
مصفوفة كائنات تستخدم أسماء الأعمدة مفاتيح لكل صف؛ ومصفوفة مصفوفات أكثر إحكامًا وتُبقي الترويسة كأول مصفوفة.
اسم العنصر الخارجي الذي يضم كل الصفوف؛ ويصبح كل صف عنصر <row> داخله.
يُستخدم في عبارتي CREATE TABLE وINSERT. حروف وأرقام وشرطات سفلية فقط.
يختلف اقتباس الأسماء وأنواع الأعمدة قليلًا بين قواعد البيانات؛ اختر القاعدة التي ستستورد إليها.
أعد كتابة خلايا التاريخ بصيغة واحدة. صيغة ISO (2026-10-18) هي الأكثر أمانًا لقواعد البيانات والبرمجة؛ وخيار الإبقاء يتركها كما وردت في المصدر.
طريقة استخدام هذه الأداة
- 1
ارفع بيانات JSON
أضف ملفات .json أو .jsonl أو .ndjson. أنظف جدول تحصل عليه من مصفوفة كائنات لها المفاتيح نفسها. حتى 20 ملفًا، بحد أقصى 95 MB للملف الواحد.
- 2
راجع العناوين والتواريخ
تتحول المفاتيح إلى رؤوس أعمدة. ومن الإعدادات المتقدمة اضبط التواريخ على تنسيق يعرفه قراؤك، مثل 10/18/2026 للجمهور الأمريكي.
- 3
حوّل إلى جدول HTML
اضغط التحويل إلى HTML table، ثم افتح ملف .html في المتصفح للتحقق منه، وانسخ الجدول إلى نظام إدارة المحتوى أو محرر النشرة البريدية أو الويكي.
يحوّل JSON إلى HTML مصفوفة من السجلات إلى عنصر جدول بسيط: المفاتيح في الأعلى وصف لكل سجل ولا شيء غير ذلك، فيناسب أي صفحة أو رسالة يوضع فيها.
من يحتاج إلى عرض JSON في جدول HTML
يخرج JSON عادةً من نظام ويذهب الجدول إلى شخص. مدير منتج يسحب قائمة أعلام الميزات من واجهة إدارية ويريدها في ويكي الفريق. ومطور يحتاج إلى عرض نتائج تصدير بيانات على عميل دون أن يعطيه عارض JSON. ومحرر نشرة بريدية يتلقى قوائم فعاليات من منصة حجز ويحتاجها في العدد القادم. كتابة الصفوف يدويًا لمئات السجلات بطيئة.
الجداول جزء من الويب منذ HTML 3.2 الذي نشرته W3C توصيةً في يناير 1997، وكل متصفح ونظام إدارة محتوى وعميل بريد يعرف كيف يعرضها. يكتب المحول البنية فقط، خلايا الرأس وخلايا البيانات، فتحدد أنماط موقعك الحالية شكلها. وإذا كانت الوجهة README على GitHub أو وثائق بصيغة Markdown، فإن CSV إلى Markdown ينتج جدول الأنابيب المكافئ.
مثال على تحويل JSON إلى جدول HTML
[
{"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 & export</td></tr>
<tr><td>2.3.1</td><td>2026-08-12</td><td>Fix <select> width</td></tr>
</tbody>
</table>مدخلات JSON ومخرجات الجدول المتاحة
| from ↓ · to → | HTML table | جدول Markdown | DOCX table |
|---|---|---|---|
| JSON array | JSON array to HTML table: yes | JSON array to جدول Markdown: yes | JSON array to DOCX table: yes |
| JSON Lines | JSON Lines to HTML table: yes | JSON Lines to جدول Markdown: yes | JSON Lines to DOCX table: yes |
| NDJSON | NDJSON to HTML table: yes | NDJSON to جدول Markdown: yes | NDJSON to DOCX table: yes |
| CSV | CSV to HTML table: yes | CSV to جدول Markdown: yes | CSV to DOCX table: yes |
| XLSX | XLSX to HTML table: yes | XLSX to جدول Markdown: yes | XLSX to DOCX table: yes |
متى يناسب جدول HTML
- الويكي وصفحات CMS وبوابات الشبكة الداخلية التي تقبل HTML الخام
- النشرات البريدية، حيث تُعرض الجداول في معظم العملاء تقريبًا
- المشاركة السريعة: يفتح أي متصفح الملف دون الحاجة إلى برنامج
متى يكون الخيار الخاطئ
- بيانات سيستمر الناس في تعديلها، ومكانها جدول بيانات
- التصديرات الكبيرة جدًا، إذ يصبح التمرير بطيئًا في صفحة تضم 50,000 صف
- التغذية إلى برنامج آخر، فالأفضل أن يستلم JSON أو CSV
لمحة سريعة عن صيغتي JSON و HTML
JSON
ترميز كائنات JavaScript (JSON)
JSON تنسيق نصي خفيف للبيانات المنظمة، شاعه Douglas Crockford في أوائل الألفية، واعتُمد في RFC 8259 وECMA-404. يمثّل الكائنات والمصفوفات والنصوص والأرقام والقيم المنطقية وnull بصياغة بسيطة مقروءة. وهو التنسيق الافتراضي لواجهات الويب البرمجية وملفات الإعداد وتبادل البيانات بين التطبيقات في معظم لغات البرمجة. لا يتضمن تعليقات ولا تواريخ ولا مخططات، ويصعب قراءة الملفات الكبيرة المتداخلة دون عارض.
- الضغط
- –
- الشفافية
- –
- الحركة
- –
- سنة الظهور
- 2001 · Douglas Crockford
HTML
لغة ترميز النص التشعبي (HTML)
HTML هي لغة ترميز الويب، وصفها Tim Berners-Lee أول مرة في أوائل التسعينيات، وتتولى WHATWG صيانتها اليوم كمعيار حي. يصف ملف HTML العناوين والفقرات والروابط والجداول والصور والنماذج، بينما يأتي التنسيق البصري عادةً من CSS. تعرضه كل المتصفحات، ويُستخدم أيضًا في قوالب البريد والصفحات المحفوظة. وغالبًا يعتمد ملف HTML الواحد على صور وأوراق أنماط خارجية، فقد يبدو معطوبًا عند نقله وحده.
- الضغط
- –
- الشفافية
- –
- الحركة
- –
- سنة الظهور
- 1993 · Tim Berners-Lee; maintained by WHATWG
يُعرض JSON بصيغة HTML عندما يجب أن يقرأ الناس بيانات جلبها الكود في متصفح أو بريد إلكتروني أو صفحة CMS، حيث يتفوق جدول برؤوس على الأقواس والعلامات الخام.
يقع الصيغتان على طرفين متقابلين من طلب الويب. JSON هو ما يرسله الخادم إلى الكود، وHTML هو ما يعرضه المتصفح في النهاية. والتحويل اليدوي يعني فعل ما كان قالب الواجهة سيفعله وقت التشغيل، وهي مقايضة مناسبة حين تكون البيانات لقطة ثابتة لا مصدرًا يتغير كل دقيقة.
أسئلة حول تحويل JSON إلى HTML
هل يمكنني لصق جدول HTML في WordPress؟
نعم. بدّل محرر الكتل إلى كتلة HTML مخصص، أو افتح تبويب النص في المحرر الكلاسيكي، والصق عنصر الجدول. تُطبَّق أنماط الجداول في قالبك تلقائيًا، لأن الناتج يحتوي على وسوم فقط دون ورقة أنماط خاصة به.
هل يظهر الجدول في Outlook و Gmail؟
جداول HTML هي البنية الأكثر موثوقية في البريد الإلكتروني، لأن Outlook لسطح المكتب يعرض الرسائل بمحرك Word منذ Outlook 2007 ويتجاهل كثيرًا من CSS الحديث. أدرج الجدول عبر خيار HTML أو المصدر في أداة البريد بدل إرفاق الملف.
كيف تظهر الكائنات المتداخلة في الجدول؟
تتوزع الكائنات المتداخلة على أعمدة إضافية بأسماء منقطة مثل customer.email. أما قائمة القيم داخل سجل واحد فتبقى في خلية واحدة كنص JSON، لأن صف الجدول لا يمكن أن يختلف عدد خلاياه من سجل إلى آخر.
هل تبقى الأحرف الخاصة في بياناتي آمنة داخل HTML؟
الأحرف ذات المعنى في HTML مثل < و & تُكتب كمرجعيات (entities)، فتظهر قيمة مثل <b>Sale</b> كنص بدل أن تجعل الخلية غامقة. وهذا يمنع أيضًا تنفيذ وسوم دخيلة في بيانات أنشأها المستخدمون داخل صفحتك.
لماذا أستخدم جدولًا بدلًا من رسم بياني؟
الجداول تعرض القيم الدقيقة وتتيح للقارئ البحث عن صف واحد، أما المخططات فتُظهر الاتجاهات. لقائمة أسعار أو سجل إصدارات أو دليل موظفين، الجدول هو الأنسب؛ ولسلسلة زمنية استخدم جدول HTML مصدرًا للبيانات في مكتبة مخططات.
هل يمكنني تعديل البيانات بعد التحويل؟
عدّل في المصدر لا في HTML. حدّث ملف JSON أو الجدول الذي جاء منه ثم حوّل من جديد، أو انقل السجلات إلى مصنف عبر تحويل JSON إلى Excel إذا كان غير المطورين سيتولون صيانتها.
- تحويل HTML إلى JSONحوّل جدول HTML إلى JSON: خلايا الرأس تصبح مفاتيح وكل صف يصبح كائنًا. ارفع صفحات .html أو .htm المحفوظة دون كتابة كود استخراج.
- تحويل JSON إلى Excelحوّل JSON أو JSON Lines إلى ورقة Excel بصيغة XLSX: المفاتيح تصبح عناوين أعمدة وكل سجل يصبح صفًا. حتى 20 ملفًا دفعة واحدة دون حساب.
- تحويل JSON إلى CSVحوّل JSON أو JSON Lines إلى CSV: صف لكل كائن، وتسطيح الحقول المتداخلة إلى أعمدة، وUTF-8 مع BOM ليعرض Excel الحروف بشكل صحيح. 20 ملفًا معًا.
- تحويل JSON إلى TXTحوّل JSON إلى ملف نصي عادي: سجل في كل سطر، والحقول مفصولة بعلامة Tab أو أي فاصل تختاره. يُفتح في Notepad وExcel وأدوات سطر الأوامر.
- تحويل CSV إلى جدول Markdownحوّل CSV إلى جدول Markdown لـ GitHub أو GitLab أو Obsidian أو Jupyter، مع تهريب رمز | والإبقاء على صف العناوين ودعم أي فاصل.
- تحويل HTML إلى CSVحوّل جداول صفحة ويب محفوظة إلى CSV لـ Excel أو Google Sheets. صفوف نظيفة بلا روابط أو أنماط أو تنسيق مخفي. ملفات HTML و HTM.