मेरे टूल

HTML फ़ॉर्मेटर

बिखरे HTML को पढ़ने योग्य इंडेंटेशन में सजाएँ — या उसे एक पंक्ति में मिनिफ़ाई करें — पूरी तरह आपके ब्राउज़र में।

इसका उपयोग कैसे करें

  1. HTML पेस्ट करें या टाइप करें। यह टाइप करते ही फ़ॉर्मेट (या मिनिफ़ाई) होता है — कोई बटन नहीं।
  2. फ़ॉर्मेट / मिनिफ़ाई बदलें; 2 या 4 स्पेस चुनें। मिनिफ़ाई मोड में इंडेंट नियंत्रण बंद रहता है।
  3. ब्लॉक एलिमेंट हर गहराई पर एक स्तर इंडेंट होते हैं, हर पंक्ति में एक। इनलाइन सामग्री (<a> या <b> के साथ मिश्रित टेक्स्ट) ठीक वैसी रहती है जैसी लिखी गई।
  4. void एलिमेंट (<br>, <img>, <input>…) को बंद करने वाला टैग नहीं चाहिए और वे जैसे हैं वैसे रहते हैं, वैकल्पिक /> सहित।
  5. रॉ-टेक्स्ट एलिमेंट (<script>, <style>, <textarea>, <title>, <pre>) अक्षर-दर-अक्षर कॉपी होते हैं; अंदर कुछ पार्स या दोबारा फ़ॉर्मेट नहीं होता।

उदाहरण

इनपुट

<!DOCTYPE html><html><head><meta charset="utf-8"><title>Demo</title></head><body><div class="card"><h1>Hello</h1><p>Hi <b>there</b></p><ul><li>one</li><li>two</li></ul></div><script>const x=1;</script></body></html>

आउटपुट

<!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8">
    <title>Demo</title>
  </head>
  <body>
    <div class="card">
      <h1>Hello</h1>
      <p>Hi <b>there</b></p>
      <ul>
        <li>one</li>
        <li>two</li>
      </ul>
    </div>
    <script>const x=1;</script>
  </body>
</html>

इनलाइन सामग्री और <script>/<style> की सामग्री जैसी है वैसी रहती है; <meta> void एलिमेंट है, जैसा लिखा गया वैसा ही रखा जाता है।

सीमाएँ

  • सिर्फ़ संरचनात्मक: टैग जोड़ी, void एलिमेंट, सामान्य अंतर्निहित बंदाव (li/td/tr/dt/dd/option/p/head) और नेस्टिंग। कोई DTD/Schema वैलिडेशन नहीं।
  • एम्बेडेड JavaScript और CSS फ़ॉर्मेट नहीं होते — <script>/<style> की सामग्री जैसी है वैसी रहती है। (उनके लिए कोड फ़ॉर्मेटर इस्तेमाल करें।)
  • HTML5 के सभी वैकल्पिक अंत टैग अनुमानित नहीं होते; वाकई विकृत नेस्टिंग पंक्ति और कॉलम के साथ बताई जाती है।
  • इनलाइन/मिश्रित सामग्री जानबूझकर दोबारा इंडेंट नहीं होती। <pre>/<textarea>/<title> की सामग्री जैसी है वैसी रहती है।
  • कोई फ़ाइल अपलोड नहीं, कोई URL पैरामीटर नहीं, कोई इतिहास नहीं, कोई अकाउंट नहीं। इनपुट कभी आपका ब्राउज़र नहीं छोड़ता।

इस टूलबॉक्स के दूसरे फ़ॉर्मेटर और टेक्स्ट टूल।

XML फ़ॉर्मेटर

कोड फ़ॉर्मेटर

मिनिफ़ाई