تحويل JSON إلى جدول HTML
جداول نظيفة من أي بيانات

ما الذي يوفره لك تحويل JSON إلى جدول HTML

تبدو البيانات جيدة في ملف. لكن صفحة الويب تحتاج إلى جدول. لذلك عليك تحويل صفوف JSON إلى صفوف وسوم، وكتابتها يدويًا بطيئة.

تتولى هذه الأداة الكتابة. أولًا، الصق بياناتك فيظهر جدول فورًا. ثم اختر نمطًا وانسخ الشيفرة. يمكنك وضعها في تدوينة أو صفحة نظام إدارة محتوى أو بريد إلكتروني.

تقرأ JSON وCSV وXML وYAML وجدول HTML. ثم تقرأ خلايا منسوخة مباشرة من إكسل أو Google Sheets. كذلك يمكنك بناء جدول يدويًا في شبكة صغيرة.

هناك مهمة ثالثة. الصق نصًا من Word فتزيل الأداة الفوضى. تحصل على وسوم بسيطة للعناوين والقوائم والروابط والجداول، بلا خطوط ولا أنماط شاردة.

كذلك يحدث كل شيء في متصفحك. لذلك لا تغادر بياناتك جهازك أبدًا. وهذا مهم، لأن الجداول تحتوي غالبًا على أسعار وأسماء وأرقام عملاء.

تحويل JSON إلى جدول HTML خطوة بخطوة

أولًا، الصق قائمة كائنات. ثم تصبح المفاتيح عناوين، ويصبح كل كائن صفًا. تصطف الأرقام على اليمين، لذلك يُقرأ عمود الأسعار جيدًا.

إذا احتوى JSON على كائنات متداخلة، تسطّحها الأداة إلى أسماء بنقاط، مثل address.city. كذلك إذا احتوى الملف على عدة قوائم، يصبح كل منها جدولًا مستقلًا.

كذلك تتحدث الشيفرة أثناء الكتابة. لذلك يمكنك تصحيح خطأ مطبعي ورؤية الجدول يتغير قبل أن تنسخ أي شيء.

لمزيد من التفاصيل، راجع: MDN guide to the table element.

منشئ جداول HTML لخلايا جداول البيانات

أولًا، انسخ خلايا في إكسل أو Google Sheets. ثم الصقها في الشبكة فيمتلئ الجدول وحده. بعد ذلك راجع المعاينة. هذه هي الطريقة السريعة لتحويل ورقة إلى جدول ويب.

يمكنك أيضًا الكتابة في الشبكة. أضف صفوفًا وأعمدة أثناء العمل. كل خلية مربع بسيط، لذلك يبدو التحرير كما في جدول بيانات. ثم تنسخ الشيفرة بنقرة واحدة.

يُبقي منشئ جداول HTML هذا صف العناوين منفصلًا عن الجسم. لذلك تستخدم الشيفرة خلايا عناوين حقيقية يعلنها قارئ الشاشة.

محوّل Word إلى HTML الذي ينظّف الفوضى

يخفي Word كثيرًا من الشوائب في HTML الخاص به. كذلك يضيف خطوطًا وألوانًا وهوامش وأسماء فئات غريبة. لذلك إذا لصقته في صفحة يبدو موقعك معطوبًا.

يقرأ محوّل Word إلى HTML هذا ما نسخته ويحتفظ بالأجزاء المفيدة فقط. أولًا، تبقى العناوين عناوين. ثم تصبح القوائم وسوم قوائم حقيقية. كذلك تبقى الروابط والخط الغامق والمائل.

يمكنك أيضًا فتح ملف docx. تقرأ الأداة الملف بنفسها، لذلك لا تحتاج إلى Word أصلًا. كذلك يحتفظ ملف docx بجداوله وقوائمه بدقة.

خمسة أنماط وثلاث طرق لإضافة CSS

أولًا، اختر البسيط أو ذا الحدود أو المخطط أو العصري أو الداكن. ثم تعرض المعاينة النمط فورًا.

بعد ذلك قرر كيف يسافر CSS. مثلًا، تُبقي كتلة الأنماط الشيفرة مرتبة. وتناسب الأنماط المضمّنة البريد، لأن تطبيقات كثيرة تتجاهل كتلة الأنماط. أما الفئة وحدها فتعطيك الجدول وتترك لـCSS الخاص بك الباقي.

جداول يسهل الوصول إليها

كذلك تحصل كل خلية عنوان على scope، لذلك تعرف أدوات المساعدة أي عمود تسمّيه. ويعطي العنوان الفرعي الجدول اسمًا. معًا يساعدان من لا يستطيعون رؤية التخطيط.

مخرجات آمنة

كذلك تُهرَّب كل خلية. لا يستطيع مثل علامة أصغر من أو علامة العطف أن يكسر الصفحة. وتُبنى المعاينة من عقد حقيقية، لذلك لا يُنفَّذ شيء تلصقه كشيفرة.