श्रेणी: डेवलपर टूल
HTML फ़ॉर्मैटर
script या style की सामग्री को छुए बिना, स्थानीय रूप से HTML को इंडेंट और सुंदर बनाएं
पठनीयता बढ़ाने के लिए नेस्टेड टैग को फिर से इंडेंट करने हेतु HTML पेस्ट करें। <script>, <style>, <textarea> और <pre> के अंदर की सामग्री को बिना छेड़े रखा जाता है ताकि एम्बेडेड कोड और फ़ॉर्मैटिंग कभी न बिगड़े। यह पूरी तरह आपके ब्राउज़र में चलता है।
फ़ॉर्मैट हो गया।
<main>
<!-- LocalTools example -->
<h1>Offline browser tools</h1>
<p>
Everything runs
<b>on your device</b>
.
</p>
<ul>
<li>No upload</li>
<li>No account</li>
</ul>
</main>यह एक हल्का इंडेंटर है, वैलिडेटर नहीं — यह बेमेल या बिना बंद किए गए टैग ठीक नहीं करेगा।
इस पेज पर सब कुछ आपके ब्राउज़र में संसाधित होता है। कुछ भी अपलोड नहीं होता।
यह टूल क्या करता है
एक HTML फ़ॉर्मैटर नेस्टेड एलिमेंट्स को फिर से इंडेंट करता है ताकि बहुत गहराई से नेस्टेड पेज संरचना को बिना डेवलपर टूल्स पैनल के आसानी से देखा जा सके। यह टूल एक हल्का इंडेंटर है, पूर्ण पार्सर नहीं: यह टैग, कमेंट और doctype को पहचानता है, लेकिन मार्कअप को वैलिडेट नहीं करता और न ही बेमेल टैग को ठीक करता है।
इस्तेमाल कैसे करें
- अपना HTML इनपुट बॉक्स में पेस्ट करें, या उदाहरण लोड करें।
- 2 या 4 स्पेस इंडेंटेशन चुनें।
- फ़ॉर्मैट किए गए परिणाम को वापस अपने प्रोजेक्ट में कॉपी करें।
निजता
यह टूल पूरी तरह आपके ब्राउज़र में चलता है। आपका डेटा कभी अपलोड, सेव या साझा नहीं होता — टैब बंद करते ही वह हट जाता है।
अक्सर पूछे जाने वाले सवाल
- क्या मेरा HTML कहीं अपलोड होता है?
- नहीं। फ़ॉर्मैटिंग पेज में चल रहे JavaScript से होती है, इसलिए आपका मार्कअप कभी भी आपकी डिवाइस से बाहर नहीं जाता।
- क्या यह <script> या <style> टैग के अंदर की सामग्री को छूता है?
- नहीं। एम्बेडेड JavaScript और CSS को बिल्कुल वैसे ही कॉपी किया जाता है जैसे लिखे गए थे, क्योंकि उन्हें फिर से व्यवस्थित करने से अर्थ बदल सकता है।
- क्या यह टूटे या बेमेल HTML को ठीक करेगा?
- नहीं। यह केवल मिले टैग के आधार पर फिर से इंडेंट करता है; यह अमान्य मार्कअप को वैलिडेट या ठीक नहीं करता।