kebab-case कन्वर्टर
camelCase, snake_case या सादे टेक्स्ट को CSS क्लास, URL और फ़ाइल नामों के लिए kebab-case (dash-case) में बदलें। संक्षिप्त रूप और अंक संभालता है, पंक्ति-दर-पंक्ति।
उदाहरण: userAccountId → user-account-id
हर पंक्ति अलग से बदली जाती है। शब्द स्पेस, विराम चिह्न, _ - . / और camelCase सीमाओं पर अलग होते हैं; XML जैसे संक्षिप्त रूप साथ रहते हैं और अंक पिछले शब्द से जुड़े रहते हैं।
संबंधित टूल्स
सभी देखेंkebab-case क्या है?
यह टूल आइडेंटिफ़ायर और वाक्यांशों को kebab-case (जिसे dash-case भी कहते हैं) में बदलता है: हाइफ़न से जुड़े छोटे अक्षरों वाले शब्द, जो CSS क्लास, HTML एट्रिब्यूट, CLI फ़्लैग और URL पाथ में इस्तेमाल होते हैं।
kebab-case का उपयोग कैसे करें
- इनपुट बॉक्स में टेक्स्ट टाइप या पेस्ट करें – हर पंक्ति में एक आइडेंटिफ़ायर या वाक्यांश (या उदाहरण लोड करें पर क्लिक करें)।
- बदला हुआ टेक्स्ट तुरंत आउटपुट बॉक्स में दिखाई देता है।
- परिणाम लेने के लिए कॉपी करें पर क्लिक करें।
उदाहरण
getHTTPResponseCode
get-http-response-code
kebab-case का उपयोग कब करें
CSS क्लास नामों, कंपोनेंट फ़ाइल नामों या कमांड-लाइन ऑप्शन के लिए इसका उपयोग करें। एक्सेंट वाले शीर्षकों से SEO URL बनाने के लिए डायाक्रिटिक्स हटाने वाला स्लग जनरेटर बेहतर विकल्प है।
kebab-case कैसे काम करता है
हर शब्द को छोटे अक्षरों में किया जाता है और शब्दों को - से जोड़ा जाता है. इनपुट को शब्दों में बाँटा जाता है। शब्द स्पेस, विराम चिह्न और विभाजक _ - . / पर अलग होते हैं, साथ ही आइडेंटिफ़ायर के भीतर केस बदलने पर भी: fooBar → foo + Bar, और बड़े अक्षरों का संक्षिप्त रूप एक साथ रहता है (XMLHttpRequest → XML + Http + Request)। अंक अपने पहले वाले शब्द से जुड़े रहते हैं (Request2Go → Request2 + Go), शब्द के भीतर के एपॉस्ट्रॉफ़ी हटा दिए जाते हैं (don't → dont), और किसी भी लिपि के अक्षर (é, ñ, सिरिलिक, ग्रीक…) समर्थित हैं। हर पंक्ति अलग से बदली जाती है।
सामान्य उपयोग मामले
- कंपोनेंट नामों से CSS क्लास नाम बनाना
- React कंपोनेंट नामों को फ़ाइल नामों में बदलना
- CLI ऑप्शन नाम बनाना
- आइडेंटिफ़ायर से URL पाथ खंड बनाना
सुरक्षा नोट
सब कुछ आपके ब्राउज़र में ही चलता है; आप जो कोड पेस्ट करते हैं वह कहीं अपलोड नहीं होता।
अक्सर पूछे जाने वाले प्रश्न
क्या kebab-case और स्लग एक ही हैं?
मिलते-जुलते हैं, पर यह टूल एक्सेंट वाले अक्षर रखता है; स्लग जनरेटर आमतौर पर उन्हें ASCII में बदल देते हैं।
संक्षिप्त रूप कैसे संभाले जाते हैं?
getHTTPResponseCode बनता है get-http-response-code।
क्या यह कई पंक्तियों के साथ काम करता है?
हाँ, हर पंक्ति अलग से बदली जाती है।