ToolsMaxxing

تجميل HTML وCSS وJS

رتّب أكواد HTML وCSS وJavaScript المضغوطة أو الفوضوية ونسّقها لتصبح مقروءة من جديد.

ملفاتك تبقى على جهازك

طريقة الاستخدام

  1. 1اختر JavaScript أو CSS أو HTML.
  2. 2الصق الكود، أو اختر جرّب مثالًا.
  3. 3حدد المسافة البادئة، ولـ JavaScript علامات الاقتباس والفواصل المنقوطة.
  4. 4انسخ الكود المنسق أو نزّله.

ماذا تفعل الخيارات

المسافة البادئة
مسافتان أو أربع مسافات أو علامة تبويب لكل مستوى.
علامات اقتباس مفردة
يكتب سلاسل JavaScript بعلامات اقتباس مفردة حيثما أمكن.
الفواصل المنقوطة
يضيف فواصل منقوطة في نهاية عبارات JavaScript، أو يتركها.

الخصوصية

كل شيء يعمل في متصفحك. ما تلصقه لا يُرسل إلى أي خادم.

أسئلة شائعة

أي منسق تستخدمه هذه الأداة؟

Prettier، وهو المنسق نفسه الذي تشغّله مشاريع كثيرة عند الحفظ. قواعده صارمة، لذا يطابق الناتج ما ينتجه مشروع منسق بـ Prettier، مع الخيارات التي تختارها.

هل يغيّر التجميل ما يفعله الكود؟

لا. تتغير المسافات وفواصل الأسطر فقط، وفي JavaScript نمط الاقتباس والفواصل المنقوطة. يعمل البرنامج بالطريقة نفسها.

هل يمكنه استعادة أسماء المتغيرات الأصلية؟

لا. تتخلص أدوات الضغط من الأسماء الأصلية، لذا يكون الملف المجمّل أسهل قراءة لكن a وb وc تبقى a وb وc.

لماذا يعرض خطأً؟

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

هل JSX أو TypeScript مدعومان؟

JSX داخل JavaScript مقبول. TypeScript غير مدعوم في هذه الأداة.

أدوات ذات صلة