कोड फ़ॉर्मेटर और ब्यूटिफ़ायर
कोड पेस्ट करें या फ़ाइल खोलें, फ़ॉर्मेट दबाएँ और साफ़-सुथरा कोड पाएँ। भाषा अपने-आप पहचानी जाती है — JavaScript, TypeScript, CSS, HTML, JSON, XML, SQL, YAML, Markdown और GraphQL, सब आपके ब्राउज़र में।
सब कुछ आपके ब्राउज़र में चलता है — आपका कोड किसी भी सर्वर पर अपलोड नहीं होता।
पंक्ति की चौड़ाई JavaScript, TypeScript, CSS, SCSS, LESS, HTML, YAML, Markdown और GraphQL पर लागू होती है। फ़ॉर्मेटिंग लॉजिक, टाइप या स्टाइल नियमों की जाँच नहीं करती।
कोड जोड़ते ही भाषा पहचान ली जाएगी।
कोड फ़ाइल यहाँ छोड़ें (5 MB तक), टेक्स्ट पेस्ट करें या सैंपल लोड करें। फ़ॉर्मेट करने के लिए Ctrl+Enter दबाएँ।
अपने ब्राउज़र में कोड फ़ॉर्मेट करें और सँवारें
मिनिफ़ाई किए गए बंडल, लॉग, चैट संदेश या पुराने प्रोजेक्ट से कॉपी किया गया कोड पढ़ना मुश्किल होता है और उसकी समीक्षा करना और भी मुश्किल। यह कोड फ़ॉर्मेटर एक क्लिक में उसे सलीके से इंडेंट किए गए साफ़ टेक्स्ट में बदल देता है। कोड पेस्ट करें, फ़ॉर्मेट (या Ctrl+Enter) दबाएँ, और नतीजा मूल कोड के बगल में दिखता है; दोनों तरफ़ पंक्ति संख्याएँ होती हैं ताकि एक नज़र में तुलना हो सके।
यह टूल उन फ़ॉर्मेट को सँभालता है जिनसे डेवलपर सबसे ज़्यादा जूझते हैं: JSX वाला JavaScript, TSX वाला TypeScript, CSS, SCSS और LESS, इनलाइन स्क्रिप्ट व स्टाइल सहित HTML, JSON, XML, तेरह डायलेक्ट वाला SQL, YAML, Markdown और GraphQL। डिफ़ॉल्ट रूप से भाषा अपने-आप पहचानी जाती है: फ़ाइल खोलने पर उसके नाम से और पेस्ट करने पर टेक्स्ट से। अगर टेक्स्ट कई भाषाओं जैसा लगे, तो टूल चुपचाप गलत पार्सर चुनने के बजाय आपको बताता है और संभावित विकल्प सामने रखता है।
स्टाइल आपके हाथ में रहती है। दो स्पेस, चार स्पेस या टैब चुनें, और Prettier से फ़ॉर्मेट होने वाली भाषाओं के लिए 80, 100 या 120 अक्षर की पंक्ति-चौड़ाई। SQL के लिए आप PostgreSQL, MySQL, SQL Server या BigQuery जैसा डायलेक्ट चुन सकते हैं। JSON के लिए मिनिफ़ाई बटन भी है, जो संख्याओं, स्ट्रिंग या कुंजियों के क्रम को छुए बिना सारी खाली जगह हटा देता है। सेटिंग आपके ब्राउज़र में याद रखी जाती हैं, और अगर आप टाइप करते समय ही नतीजा देखना चाहें तो ऑटो-फ़ॉर्मेट चालू कर सकते हैं।
कुछ गड़बड़ हो तो संदेश छोटा और सटीक होता है: भाषा, पार्सर को क्या चाहिए था, और पंक्ति व कॉलम। आपका इनपुट कभी ओवरराइट नहीं होता, और एक बटन कर्सर को सीधे समस्या वाली जगह पर ले जाता है। पूर्ववत करें बटन गलती से साफ़ किया या बदला हुआ सब कुछ लौटा देता है। नतीजे को भाषा के सही फ़ाइल एक्सटेंशन के साथ डाउनलोड किया जा सकता है, या दोनों वर्ज़न Text Diff Checker में अगल-बगल खोलकर ठीक-ठीक देखा जा सकता है कि क्या बदला।
सब कुछ आपके डिवाइस पर होता है। भारी फ़ॉर्मेटिंग इंजन सिर्फ़ उसी भाषा के लिए डाउनलोड होते हैं जिसे आप सच में फ़ॉर्मेट करते हैं, और वे बैकग्राउंड वर्कर में चलते हैं, इसलिए बड़ी फ़ाइल से पेज अटकता नहीं। सीमाएँ ध्यान में रखें: 5 MB तक की फ़ाइलें खोली जा सकती हैं, 3,00,000 अक्षरों से ऊपर के इनपुट में कुछ सेकंड लग सकते हैं, और बीस लाख अक्षरों से ऊपर के इनपुट अस्वीकार कर दिए जाते हैं। फ़ॉर्मेटिंग लिंटर या कंपाइलर नहीं है, इसलिए यह लॉजिक की गलतियाँ नहीं पकड़ेगी, और कुछ दुर्लभ सिंटैक्स फ़ीचर अस्वीकार हो सकते हैं।
अक्सर पूछे जाने वाले सवाल
क्या मेरा कोड कहीं अपलोड होता है?
नहीं। कोड को वे लाइब्रेरी फ़ॉर्मेट करती हैं जो आपके ब्राउज़र के अंदर, बैकग्राउंड थ्रेड में चलती हैं। कुछ भी सर्वर को नहीं भेजा जाता। सिर्फ़ आपकी सेटिंग और एक वैकल्पिक ड्राफ़्ट इसी ब्राउज़र की लोकल स्टोरेज में रखे जाते हैं, और आप बॉक्स को कभी भी खाली कर सकते हैं।
क्या फ़ॉर्मेट करने से मेरे कोड का काम बदल जाएगा?
फ़ॉर्मेटर सिर्फ़ बनावट बदलता है: इंडेंटेशन, नई पंक्तियाँ और स्पेस। वह कोटेशन मार्क एक जैसे कर सकता है, वैकल्पिक कोष्ठक जोड़ या हटा सकता है और सेमीकोलन एकरूप कर सकता है, लेकिन कोड का मतलब वही रहता है। यह लॉजिक, टाइप या लिंट नियमों की जाँच नहीं करता, इसलिए सही कोड सही ही रहता है और गलत कोड गलत।
भाषा की पहचान कैसे होती है?
अगर आप फ़ाइल खोलते हैं तो उसका एक्सटेंशन तय करता है। वरना टूल खुद टेक्स्ट देखता है: टैग, ब्रेसेस, कीवर्ड और खास विराम-चिह्न। जब दो भाषाएँ मिलती-जुलती हों, जैसे CSS और SCSS या JavaScript और TypeScript, तो अंदाज़ा लगाने के बजाय वह आपसे पूछता है। आप भाषा की सूची से हमेशा हाथ से भी भाषा चुन सकते हैं।
अगर मेरे कोड में सिंटैक्स एरर हो तो क्या होगा?
आउटपुट खाली रहता है, आपका इनपुट ज्यों का त्यों रहता है, और पंक्ति व कॉलम के साथ एक छोटा संदेश मिलता है। उस जगह पहुँचने के लिए "इनपुट में दिखाएँ" बटन दबाएँ, गलती ठीक करें और फिर से फ़ॉर्मेट दबाएँ।
क्या मैं यहाँ कोड मिनिफ़ाई कर सकता हूँ?
सिर्फ़ JSON, जिसमें खाली जगह हटाना हमेशा सुरक्षित है। JavaScript या CSS को ठीक से मिनिफ़ाई करने के लिए अलग मिनिफ़ायर चाहिए, क्योंकि वैरिएबल के नाम बदलने या नियम मिलाने से व्यवहार बदल सकता है, इसलिए यह टूल ऐसा नहीं करता। SQL सिंटैक्स की गहरी जाँच के लिए SQL Formatter & Validator इस्तेमाल करें।