HTML Formatter क्या है?

HTML Formatter एक in-browser टूल है जो Prettier के साथ HTML मार्कअप को beautify या minify करता है, इनलाइन CSS और JavaScript फ़ॉर्मैट करता है, और परिणाम को एक sandboxed iframe में प्रीव्यू करता है।

मैं minified HTML को कैसे beautify करूँ?

अपना minified HTML इनपुट बॉक्स में पेस्ट करें और Beautify चुनें। HTML Formatter मार्कअप को फिर से इंडेंट करता है और किसी भी इनलाइन व ब्लॉक को पठनीयता के लिए फिर से फ़ॉर्मैट करता है।

क्या HTML Formatter इनलाइन CSS और JavaScript फ़ॉर्मैट करता है?

हाँ। पेज को beautify करने के हिस्से के रूप में Prettier और ब्लॉक को स्वचालित रूप से फ़ॉर्मैट करता है।

क्या मैं HTML को beautify के साथ-साथ minify भी कर सकता हूँ?

हाँ। whitespace हटाने और production के लिए सबसे छोटा समतुल्य मार्कअप बनाने हेतु Minify मोड पर स्विच करें।

क्या मैं spaces के बजाय tabs चुन सकता हूँ?

हाँ। tabs के साथ इंडेंट करने के लिए HTML Formatter में Tabs विकल्प टॉगल करें, या spaces उपयोग करने के लिए इसे बंद रखें।

जब मैं HTML फ़ॉर्मैट करता हूँ तो क्या यह कहीं अपलोड होता है?

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

HTML फ़ॉर्मेटर

HTML को सुंदर या छोटा बनाएँ, इनलाइन CSS/JS फ़ॉर्मेट करें और परिणाम का पूर्वावलोकन करें।

आपका HTML पूरी तरह आपके browser में beautify, minify, और प्रीव्यू किया जाता है — कुछ भी किसी सर्वर पर अपलोड नहीं होता।

stylesheets भी साफ कर रहे हैं? CSS Formatter आज़माएँ।

HTML फ़ॉर्मेटर के बारे में

यह html formatter raw मार्कअप को beautify या minify करता है और Prettier का उपयोग करके किसी भी इनलाइन CSS व JavaScript को स्वचालित रूप से फ़ॉर्मैट करता है। गन्दा template आउटपुट, scraped पेज, या हाथ से लिखा मार्कअप पेस्ट करें और एक ही चरण में साफ, सुसंगत रूप से इंडेंट किया गया HTML पाएँ, या whitespace हटाने और production के लिए दस्तावेज़ को छोटा करने हेतु minify मोड पर स्विच करें। एक sandboxed प्रीव्यू आपको scripting अक्षम के साथ मार्कअप को सुरक्षित रूप से रेंडर करने देता है, इसलिए embedded scripts कभी execute नहीं होतीं। एक html beautifier और prettifier के रूप में, यह उन फ्रंट-एंड डेवलपर्स, QA इंजीनियरों, और किसी भी ऐसे व्यक्ति के लिए बनाया गया है जिसे संदर्भ बदले बिना html को ऑनलाइन फ़ॉर्मैट करना है। सब कुछ आपके browser में स्थानीय रूप से चलता है, इसलिए आपका डेटा आपके डिवाइस से बाहर नहीं जाता। अपनी प्रोजेक्ट स्टाइल से मेल कराने के लिए इंडेंटेशन हेतु tabs या spaces चुनें।

विशेषताएँ

सुसंगत, पठनीय इंडेंटेशन के साथ HTML beautify करें
whitespace हटाने और आउटपुट छोटा करने के लिए HTML minify करें
Prettier के ज़रिए इनलाइन <style> और <script> ब्लॉक फ़ॉर्मैट करें
sandboxed प्रीव्यू scripting अक्षम के साथ मार्कअप रेंडर करता है
इंडेंटेशन के लिए tabs और spaces के बीच टॉगल करें
पूर्ण पेज या आंशिक मार्कअप snippets संभालता है
एक क्लिक में फ़ॉर्मैट किया गया या minified आउटपुट कॉपी करें
पूरी तरह आपके browser में चलता है

HTML फ़ॉर्मेटर का उपयोग कैसे करें

अपना HTML इनपुट बॉक्स में पेस्ट करें।
फ़ॉर्मैट करने के लिए Beautify, compress करने के लिए Minify, या रेंडर करने के लिए Preview चुनें।
अपनी इंडेंटेशन स्टाइल सेट करने के लिए Tabs चालू या बंद टॉगल करें।
फ़ॉर्मैट किए गए या minified HTML को आउटपुट पैनल से कॉपी करें।

उदाहरण

इनपुट

<div   class="card"><h1>नमस्ते</h1><p>नमस्ते   दुनिया</p></div>

आउटपुट

<div class="card">
  <h1>नमस्ते</h1>
  <p>नमस्ते दुनिया</p>
</div>

Beautify मोड मार्कअप को फिर से इंडेंट करता है और whitespace को सामान्यीकृत करता है।

सामान्य त्रुटियाँ और समस्या निवारण

Embedded scripts प्रीव्यू में नहीं चलतीं। — यह जानबूझकर है — प्रीव्यू scripting अक्षम वाला एक sandboxed iframe है ताकि पेज सुरक्षित रूप से रेंडर हों। इंटरैक्टिव कोड को अपने स्वयं के परिवेश में टेस्ट करें।
इनलाइन CSS या JS फिर से फ़ॉर्मैट नहीं होता। — सुनिश्चित करें कि कोड उचित <style> या <script> टैग के भीतर है; Prettier beautify के दौरान केवल पहचाने गए इनलाइन ब्लॉक फ़ॉर्मैट करता है।
त्रुटिपूर्ण या बिना बंद किए टैग अप्रत्याशित इंडेंटेशन उत्पन्न करते हैं। — अपने स्रोत में बेमेल टैग बंद करें — formatter मान्य संरचना को फिर से प्रवाहित करता है लेकिन इच्छित nesting का अनुमान नहीं लगा सकता।
Minified आउटपुट पढ़ना कठिन है। — वापस Beautify मोड पर स्विच करें; minify production आकार के लिए है, पठनीयता के लिए नहीं।

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

HTML Formatter क्या है?: HTML Formatter एक in-browser टूल है जो Prettier के साथ HTML मार्कअप को beautify या minify करता है, इनलाइन CSS और JavaScript फ़ॉर्मैट करता है, और परिणाम को एक sandboxed iframe में प्रीव्यू करता है।
मैं minified HTML को कैसे beautify करूँ?: अपना minified HTML इनपुट बॉक्स में पेस्ट करें और Beautify चुनें। HTML Formatter मार्कअप को फिर से इंडेंट करता है और किसी भी इनलाइन <style> व <script> ब्लॉक को पठनीयता के लिए फिर से फ़ॉर्मैट करता है।
क्या HTML Formatter इनलाइन CSS और JavaScript फ़ॉर्मैट करता है?: हाँ। पेज को beautify करने के हिस्से के रूप में Prettier <style> और <script> ब्लॉक को स्वचालित रूप से फ़ॉर्मैट करता है।
क्या मैं HTML को beautify के साथ-साथ minify भी कर सकता हूँ?: हाँ। whitespace हटाने और production के लिए सबसे छोटा समतुल्य मार्कअप बनाने हेतु Minify मोड पर स्विच करें।
क्या मैं spaces के बजाय tabs चुन सकता हूँ?: हाँ। tabs के साथ इंडेंट करने के लिए HTML Formatter में Tabs विकल्प टॉगल करें, या spaces उपयोग करने के लिए इसे बंद रखें।
जब मैं HTML फ़ॉर्मैट करता हूँ तो क्या यह कहीं अपलोड होता है?: नहीं। सभी फ़ॉर्मैटिंग और प्रीव्यू रेंडरिंग स्थानीय रूप से आपके browser में होती है, इसलिए आपका मार्कअप कभी आपके डिवाइस से बाहर नहीं जाता।