सीधे कंटेंट पर जाएँ
ToolMug

↑ ↓ से चुनें, Enter से खोलें, Esc से बंद करें।

HTML फ़ॉर्मेटर

HTML को फिर readable बनाएँ। Formatter nested elements indent करता है, लंबे attributes wrap करता है और style तथा script tags के अंदर CSS/JavaScript भी format करता है।

आपके ब्राउज़र में चलता है — आपका डाला गया कुछ भी अपलोड नहीं होता

कैसे इस्तेमाल करें

  1. HTML paste करें।
  2. HTML या Vue, indentation और line width चुनें।
  3. Format दबाएँ या Ctrl+Enter (Mac पर ⌘+Enter) करें।
  4. Formatted markup copy करें।

विकल्पों की जानकारी

Line width
बहुत सारे attributes वाला element इस width से बड़ा होने पर एक line में एक attribute में split होता है।
Vue
.vue single-file components के template, script और style blocks format करता है।

उदाहरण

Email template। One-line HTML email paste करके table structure को indented देखें।

Copied page source। Page source format करके जरूरत वाला section खोजें।

अक्सर पूछे जाने वाले सवाल

कुछ text एक ही line पर क्यों रहता है?

HTML में inline elements के बीच whitespace जोड़ने से page का look बदल सकता है। Formatter हर element के CSS display का सम्मान करता है।

क्या यह invalid HTML ठीक करता है?

HTML जिन closing tags को छोड़ सकता है, जैसे </li> और </p>, जोड़ता है। गलत order में बंद tags line और column error देते हैं।

क्या code upload होता है?

नहीं। सब कुछ browser में चलता है।

प्राइवेसी

यह टूल पूरी तरह आपके ब्राउज़र में चलता है। आपकी फ़ाइलें और टेक्स्ट आपके डिवाइस पर ही प्रोसेस होते हैं और हमारे सर्वर पर कभी अपलोड नहीं होते।

मिलते-जुलते टूल