मुख्य सामग्रीमा जानुहोस्
LibraTool logoLibraTool

निःशुल्क HTML ब्युटिफायर र मिनिफायर

उचित नेस्टिङ इन्डेन्टेसनका साथ HTML pretty-print वा minify गर्नुहोस्। <pre>, <script>, <style> ब्लकभित्रको सामग्री संरक्षण गर्छ।

लोड भएपछि अफलाइन काम गर्छ

फाइल यहाँ छोड्नुहोस्, वा ब्राउज गर्न क्लिक गर्नुहोस्

HTML, HTM · तपाईंको उपकरणमा प्रशोधन गरियो

वा क्लिपबोर्डबाट टाँस्न Ctrl+V थिच्नुहोस्

फाइलहरू ब्राउज गर्नुहोस्
ब्युटिफाइड HTML
आउटपुट यहाँ देखिनेछ…

सामान्य प्रयोगहरू

  • सर्भर-रेन्डर गरिएको HTML अनुगमन गर्नुहोस्आपको सर्भर (PHP, Rails, Django, Node) बाट कच्चा HTML आउटपुट पढ्न योग्य इन्डेन्ट ढाँचामा हेर्नुहोस्।
  • Email HTML टेम्प्लेट फर्म्याट गर्नुहोस्Email HTML verbose हुन्छ (तालिकाहरु, इनलाइन शैली)। यो सम्पादनयोग्य र रखरखाव योग्य बनाउन फर्म्याट गर्नुहोस्।
  • स्थिर HTML पृष्ठहरु फर्म्याट गर्नुहोस्हाथले सम्पादित स्थिर HTML फाइलहरु सहयोगी सम्पादनको लागी सुसंगत ढाँचाबाट लाभान्वित हुन्छन्।
  • CMS-निर्यात HTML सफा गर्नुहोस्WordPress, Wix, Squarespace निर्यात HTML बहुत कलाकृति को साथ। यो सम्पादनयोग्य बनाउन फर्म्याट गर्नुहोस्।
  • उत्पादनको लागी HTML minify गर्नुहोस्सफेदस्पेस र अनावश्यक वर्ण छीर्न द्रुत पृष्ठ लोडको लागी HTML फाइल साइज कम गर्नुहोस्।

यो कसरी काम गर्छ

यो उपकरणले पृष्ठमै सीधै बनेको हातले लेखिएको ट्याग-अवगत टोकनाइजर प्रयोग गरी HTML फर्म्याट वा कम्प्रेस गर्छ — कुनै तेस्रो-पक्ष फर्म्याटिङ लाइब्रेरी छैन, कुनै सर्भर राउन्ड-ट्रिप छैन। तपाईंले आफ्नो मार्कअप टाइप वा पेस्ट गर्ने बित्तिकै यसको हरेक क्यारेक्टर ब्राउजरमा स्थानीय रूपमा प्रशोधन हुन्छ।

  1. 1
    टोकनाइजरले मार्कअप स्क्यान गर्छ
    एउटा कस्टम क्यारेक्टर-दर-क्यारेक्टर स्क्यानरले HTML स्ट्रिङमा हिँड्छ, कमेन्ट, DOCTYPE घोषणा, खोल्ने ट्याग, बन्द गर्ने ट्याग, सेल्फ-क्लोजिङ खाली एलिमेन्ट (br, img, input, इत्यादि), र कच्चा पाठ नोडहरू पहिचान गर्दै। एउटा समर्पित हेल्परले कोट गरिएका एट्रिब्युट मानहरू ट्र्याक गर्छ त्यसैले एउटा एट्रिब्युटभित्रको > जस्तो क्यारेक्टर (जस्तै value="a>b") ले ट्याग कहिल्यै समयअघि विभाजन नगरोस्।
  2. 2
    इन्डेन्टेसन गहिराइ प्रति ट्याग ट्र्याक गरिन्छ
    Beautify मोडका लागि, टोकनाइजरले एउटा गहिराइ काउन्टर राख्छ। ब्लक-स्तरका खोल्ने ट्यागले गहिराइ बढाउँछन्; बन्द गर्ने ट्यागले लेखिनुअघि यसलाई घटाउँछन्। इनलाइन एलिमेन्टहरू (span, a, strong, em, इत्यादि) आफ्नै इन्डेन्ट गरिएको लाइनमा धकेलिनुको सट्टा तिनको सामग्रीसँगै उही लाइनमा राखिन्छन्। pre, script, style, र textarea जस्ता ट्यागहरूको भित्री सामग्री खाली-ठाउँ-संवेदनशील वा कार्यान्वयन योग्य कोड नबिग्रोस् भनी ज्यूँका त्यूँ उत्सर्जन गरिन्छ।
  3. 3
    Minifier ले खाली ठाउँ सुरक्षित रूपमा संकुचित गर्छ
    Minify मोडमा, pre, script, style, र textarea ब्लकका सामग्री कुनै खाली-ठाउँ संकुचनअघि नम्बर गरिएका सेन्टिनेलहरूसँग साटिन्छन्। HTML कमेन्टहरू हटाइन्छन्, र ट्यागहरूबीचको खाली-ठाउँ दौडहरू हटाइन्छन् — छेउछाउका इनलाइन एलिमेन्टहरूबीच बाहेक, जहाँ एउटा एकल स्पेस राखिन्छ ताकि शब्दहरू नजोडियून्। त्यसपछि सेन्टिनेल प्लेसहोल्डरहरू तिनको मूल सामग्रीमा पुनर्स्थापित हुन्छन्।
  4. 4
    आउटपुट देखाइन्छ र वैकल्पिक रूपमा सुरक्षित हुन्छ
    फर्म्याट गरिएको वा minify गरिएको नतिजा साइज-परिवर्तन प्रतिशतसहित आउटपुट प्यानलमा प्रत्यक्ष देखिन्छ। तपाईं यसलाई क्लिपबोर्डमा प्रतिलिपि गर्न वा .html फाइलको रूपमा डाउनलोड गर्न सक्नुहुन्छ, सबै ब्राउजर नछोडी।

सम्बन्धित उपकरणहरू

🎨

CSS ब्युटिफायर

मिनिफाइ गरिएको CSS लाई एकनासको इन्डेन्टेसनसहित पढ्न मिल्ने बनाउनुहोस्, वा मिनिफाइ गर्नुहोस्। अनुमान गर्न सकिने diff का लागि प्रोपर्टी वर्णानुक्रममा मिलाउने विकल्प।

प्रयास गर्नुहोस्
🗜️

CSS मिनिफायर र ब्युटिफायर

फाइल साइज घटाउन CSS मिनिफाई गर्नुहोस् वा पठनीयताका लागि मिनिफाई गरिएको CSS beautify गर्नुहोस्। तत्काल, तपाईंको ब्राउजरमा।

प्रयास गर्नुहोस्
📰

XML फर्म्याटर र भ्यालिडेटर

तपाईंको ब्राउजरको native DOM parser प्रयोग गरी XML pretty-print र प्रमाणित गर्नुहोस्। उत्पादन प्रयोगका लागि minified आउटपुट समावेश छ।

प्रयास गर्नुहोस्

बारम्बार सोधिने प्रश्नहरू