منسّق HTML وCSS وJavaScript
نسّق كودًا ملصوقًا محليًا وأظهر أخطاء التحليل دون تشغيل JavaScript أو جلب موارد.
منسّق خفيف: يضع الكتل والجمل في أسطر مستقلة ويزيحها. يبقى النص بين علامات التنصيص وكتل <pre> والمسافات داخل السطر كما كتبتها. لا تُشغَّل الشفرة.
النتيجة
الصق الشفرة وستظهر نسختها المرتبة هنا.
طريقة الاستخدام
- اختر اللغة والإزاحة.
- الصق الشفرة أو اضغط «جرّب مثالًا».
- انسخ النتيجة أو نزّلها.
أمثلة
- HTML متداخل<div><p>Hi</p></div> <div> <p>Hi</p> </div>
- CSSa{color:red;margin:0} a { color: red; margin: 0 }
- نص قصير يبقى في سطره<p>Hello <b>world</b></p> <p>Hello <b>world</b></p>
تفاصيل الأداة والخصوصية
الصق شفرة في سطر واحد وستحصل عليها مرتبة: كل كتلة وجملة في سطر، والوسوم المتداخلة مزاحة، وCSS وJavaScript داخل HTML مرتبان أيضًا.
قراءة شفرة مصغّرة أو منسوخة من صفحة شبه مستحيلة دون إزاحة.
الخيارات
- الإزاحة: مسافتان أو أربع أو Tab.
- العناصر النصية القصيرة تبقى في سطر واحد حتى لا تتغير المسافات المعروضة.
- محتوى <style> و<script> داخل HTML يُرتب بالقواعد نفسها.
الحدود
- منسّق خفيف: لا يغيّر المسافات داخل السطر ولا يعيد كتابة الشفرة كما تفعل أدوات مثل Prettier.
- النص بين علامات التنصيص والتعبيرات النمطية و<pre> و<textarea> يبقى كما كُتب، ولا تُشغَّل الشفرة.
الخصوصية
ما تكتبه يبقى في متصفحك. لا يُرفع شيء ولا يُحفظ على الخادم.
أسئلة
هل يغيّر التنسيق عمل الشفرة؟
لا يُفترض ذلك؛ تتغير الأسطر والإزاحة فقط. راجع النتيجة قبل استبدال ملفك.
هل تُرتب CSS داخل HTML؟
نعم، وكذلك JavaScript داخل <script>.
هل تُشغَّل JavaScript؟
لا.
هل يُرفع شيء؟
لا.