यह कैसे काम करता है
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 मार्कअप को अन-नेस्ट करके पठनीय बनाना।
- किसी कमिट से पहले टेम्पलेट के इंडेंटेशन को एकसमान करना।
- कई गुणों वाले टैग में विशेषता रैपिंग को नियंत्रित करना।
- नेस्टेड टेबल वाले ईमेल या न्यूज़लेटर के अंशों की समीक्षा करना।
अक्सर पूछे जाने वाले प्रश्न
विशेषता रैपिंग विकल्प क्या करता है?
यह परिभाषित करता है कि किसी टैग की विशेषताएँ कैसे वितरित हों: एक ही लाइन पर, प्रति लाइन एक के रूप में बाध्य, या संरेखित। यह तब उपयोगी है जब किसी तत्व में कई विशेषताएँ हों और आप पठनीयता सुधारना चाहें।
क्या pre या textarea की सामग्री टूट जाती है?
नहीं। फ़ॉर्मैटर pre और textarea जैसे टैग की सामग्री का सम्मान करता है, जहाँ स्पेस और लाइन ब्रेक महत्वपूर्ण होते हैं, और उन्हें पुनः इंडेंट नहीं करता।
क्या यह HTML को सत्यापित या ठीक करता है?
नहीं। यह केवल इंडेंटेशन और लाइन ब्रेक को पुनर्व्यवस्थित करता है। यह जाँच नहीं करता कि टैग सही से बंद हैं या नहीं, और न ही मार्कअप त्रुटियाँ ठीक करता है।
क्या मेरा कोड किसी सर्वर पर अपलोड होता है?
नहीं। फ़ॉर्मैटिंग पूरी तरह आपके ब्राउज़र में होती है; HTML कभी आपके कंप्यूटर से बाहर नहीं जाता।