كيف يعمل
يرتّب مستندات HTML ويعيد ضبط مسافاتها البادئة كي تصبح هرمية الوسوم واضحة ومتسقة. مثالي لفك تداخل الترميز المصغَّر، أو مراجعة قوالب الآخرين، أو توحيد نمط عروضك.
إلى جانب نوع المسافة البادئة وحجمها ونهاية السطر، يتيح التحكم في كيفية التفاف السمات (مثلًا سمة لكل سطر) والحد الأقصى لطول السطر قبل الالتفاف، وهو مفيد في الوسوم ذات السمات الكثيرة.
يعمل كل شيء في متصفحك باستخدام js-beautify ويحترم محتوى الكتل مثل pre وtextarea. ينسّق العرض؛ ولا يتحقق من صحة HTML ولا يغلق الوسوم الناقصة.
أمثلة
<ul><li><a href="/a">A</a></li><li>B</li></ul><ul>
<li><a href="/a">A</a></li>
<li>B</li>
</ul>يوضَع كل عنصر متداخل في سطر خاص به مع المسافة البادئة المناسبة.حالات الاستخدام
- فك تداخل ترميز HTML مصغَّر لصفحة وجعله مقروءًا.
- توحيد المسافات البادئة للقوالب قبل الالتزام (commit).
- التحكم في التفاف السمات في الوسوم ذات الخصائص الكثيرة.
- مراجعة أجزاء بريد إلكتروني أو نشرات إخبارية تحتوي جداول متداخلة.
الأسئلة الشائعة
ماذا يفعل خيار التفاف السمات؟
يحدّد كيفية توزيع سمات الوسم: على السطر نفسه، أو إجباريًا سمة لكل سطر، أو مُحاذاة. مفيد عندما يكون للعنصر سمات كثيرة وتريد تحسين القراءة.
هل يتلف محتوى pre أو textarea؟
لا. يحترم المنسّق محتوى وسوم مثل pre وtextarea، حيث تكون المسافات وفواصل الأسطر ذات معنى، ولا يعيد ضبط مسافاتها البادئة.
هل يتحقق من صحة HTML أو يصلحه؟
لا. يعيد ترتيب المسافات البادئة وفواصل الأسطر فقط. ولا يتحقق من إغلاق الوسوم بشكل صحيح ولا يصلح أخطاء الترميز.
هل تُرفَع شيفرتي إلى خادم؟
لا. يتم التنسيق بالكامل في متصفحك؛ ولا يغادر الـ HTML حاسوبك أبدًا.