कोड ब्यूटिफ़ायर

कई भाषाओं का कोड – JavaScript, TypeScript, JSON, HTML, CSS, XML, YAML, SQL, PHP, Python और अन्य – अपने ब्राउज़र में एक ही जगह सुंदर ढंग से फ़ॉर्मेट करें। मुफ़्त और सुरक्षित।

आउटपुट

पूरी तरह आपके ब्राउज़र में चलता है। आपका डेटा कभी अपलोड नहीं होता।

संबंधित टूल्स

सभी देखें

कोड ब्यूटिफ़ायर क्या है?

कोड ब्यूटिफ़ायर एक ही पेज से कई भाषाओं का सोर्स कोड फ़ॉर्मेट करता है। भाषा और इंडेंटेशन चुनें और स्थापित फ़ॉर्मेटरों (Prettier, Ruff, sql-formatter, xml-formatter) से एक समान फ़ॉर्मेट किया हुआ कोड पाएँ।

कोड ब्यूटिफ़ायर का उपयोग कैसे करें

  1. भाषा चुनें।
  2. इंडेंटेशन चुनें।
  3. अपना कोड पेस्ट करें और फ़ॉर्मेट करें पर क्लिक करें (ज़्यादातर भाषाओं में टाइप करते समय भी आउटपुट अपडेट होता है)।
  4. परिणाम कॉपी या डाउनलोड करें।

उदाहरण

इनपुट
const a={b:1,c:[1,2]}
आउटपुट
const a = { b: 1, c: [1, 2] };

भाषा: JavaScript, 2 स्पेस।

कोड ब्यूटिफ़ायर का उपयोग कब करें

ऐसी भाषा का कोड जल्दी फ़ॉर्मेट करने के लिए जिसके लिए आपके पास टूलिंग नहीं है, या दस्तावेज़ के स्निपेट फ़ॉर्मेट करने के लिए इसका उपयोग करें। प्रोजेक्ट में आउटपुट एक-सा रखने के लिए अपने एडिटर या CI में वही फ़ॉर्मेटर कॉन्फ़िगर करें। फ़ॉर्मेटिंग लॉजिक की गलतियाँ ठीक नहीं करती।

कोड ब्यूटिफ़ायर कैसे काम करता है

चुनी हुई भाषा इंजन तय करती है: JavaScript (Babel पार्सर), TypeScript, HTML, CSS, SCSS, Less, YAML, GraphQL, Markdown और PHP (@prettier/plugin-php) के लिए Prettier 3; JSON के लिए सख्त JSON प्रिंटर; XML के लिए xml-formatter; SQL के लिए sql-formatter (मानक SQL, कीवर्ड बड़े अक्षरों में); और Python के लिए WebAssembly में कंपाइल किया गया Ruff। इंजन केवल पहली बार इस्तेमाल पर डाउनलोड होते हैं। जहाँ इंजन देता है वहाँ सिंटैक्स त्रुटियाँ पंक्ति और कॉलम के साथ बताई जाती हैं।

सामान्य उपयोग मामले

  • Prettier इंस्टॉल किए बिना TypeScript स्निपेट फ़ॉर्मेट करना
  • चैट या PDF से कॉपी किया कोड साफ़ करना
  • Markdown टेबल और सूचियाँ फ़ॉर्मेट करना
  • कोड को 2 स्पेस और 4 स्पेस इंडेंटेशन के बीच बदलना

सुरक्षा नोट

सब कुछ आपके ब्राउज़र में ही चलता है; आप जो कोड पेस्ट करते हैं वह कहीं अपलोड नहीं होता।

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

JavaScript फ़ॉर्मेटिंग कौन-सी शैली इस्तेमाल करती है?

Prettier के डिफ़ॉल्ट: डबल कोट्स, सेमीकोलन, 80 अक्षर की पंक्तियाँ।

Python पहली बार धीमा क्यों है?

Ruff WebAssembly इंजन पहली बार इस्तेमाल पर डाउनलोड होता है।

क्या मैं SQL डायलेक्ट चुन सकता हूँ?

डायलेक्ट और कीवर्ड-केस विकल्पों के लिए SQL फ़ॉर्मेटर पेज का उपयोग करें।

सुझाए गए अगले कदम

एस्केप/अनएस्केप टूल
JSON, JavaScript, HTML, XML, URL कंपोनेंट, रेगुलर एक्सप्रेशन, SQL लिटरल, CSS स्ट्रिंग और शेल आर्ग्युमेंट के लिए स्ट्रिंग एस्केप या अनएस्केप करने का एक ही टूल।
CSS सेलेक्टर टेस्टर
चिपकाए HTML पर CSS सेलेक्टर टेस्ट करें और हर मैच हुआ एलिमेंट उसके मार्कअप और टेक्स्ट के साथ देखें। querySelectorAll इस्तेमाल होता है, इसलिए नतीजे ब्राउज़र से हूबहू मिलते हैं।
CSS बॉक्स शैडो जेनरेटर
CSS box-shadow को विज़ुअली बनाएं: कई लेयर जोड़ें, ऑफ़सेट, ब्लर, स्प्रेड, inset और RGBA ओपेसिटी सेट करें, लाइव प्रीव्यू देखें और साफ़ कोड कॉपी करें।
CSS ग्रेडिएंट जेनरेटर
ड्रैग होने वाले कलर स्टॉप, एंगल, रिपीटिंग मोड और OKLCH इंटरपोलेशन के साथ linear, radial और conic CSS ग्रेडिएंट बनाएं। लाइव प्रीव्यू, कोड कॉपी करें।
CSS फ़्लेक्सबॉक्स जेनरेटर
flex-direction, wrap, justify-content, align-items, gap और हर आइटम के flex, order व align-self विज़ुअली सेट करें, लाइव चाइल्ड और कॉपी करने लायक CSS के साथ।
CSS ग्रिड जेनरेटर
CSS Grid लेआउट विज़ुअली बनाएं: grid-template-columns/rows, वैलिडेशन के साथ नामित एरिया, गैप, अलाइनमेंट और हर आइटम का प्लेसमेंट। साफ़ CSS कॉपी करें।

और श्रेणियाँ देखें