محوّل kebab-case
حوّل camelCase أو snake_case أو النص العادي إلى kebab-case (dash-case) لأسماء أصناف CSS والروابط والملفات. يعالج الأحرف المختصرة والأرقام سطرًا بسطر.
مثال: userAccountId ← user-account-id
يُحوَّل كل سطر على حدة. تُفصل الكلمات عند المسافات وعلامات الترقيم و_ - . / وحدود camelCase؛ وتبقى الاختصارات مثل XML متصلة، وتبقى الأرقام ملتصقة بالكلمة السابقة.
أدوات ذات صلة
عرض الكلما هو kebab-case؟
تحوّل هذه الأداة المعرّفات والعبارات إلى kebab-case (ويُسمى أيضًا dash-case): كلمات صغيرة تفصل بينها شرطات، تُستخدم في أصناف CSS وسمات HTML وخيارات سطر الأوامر ومسارات الروابط.
كيفية استخدام kebab-case
- اكتب النص أو الصقه في مربع الإدخال – معرّف أو عبارة واحدة في كل سطر (أو اضغط تحميل مثال).
- يظهر النص المحوَّل فورًا في مربع الإخراج.
- اضغط نسخ لنسخ النتيجة.
مثال
getHTTPResponseCode
get-http-response-code
متى تستخدم kebab-case
استخدمه لأسماء أصناف CSS وأسماء ملفات المكوّنات وخيارات سطر الأوامر. أما لروابط SEO المأخوذة من عناوين فيها حروف مشكّلة فمولّد slug الذي يزيل التشكيل خيار أفضل.
كيف يعمل kebab-case
يُقسَّم المدخل إلى كلمات، وتُحوَّل كل كلمة إلى أحرف صغيرة وتُضم الكلمات بـ-. تُقسَّم الكلمات عند المسافات وعلامات الترقيم والفواصل _ - . /، وعند تغيّر حالة الأحرف داخل المعرّفات: يصبح fooBar ← foo + Bar، وتبقى سلسلة الأحرف المختصرة معًا (XMLHttpRequest ← XML + Http + Request). وتبقى الأرقام ملتصقة بالكلمة التي قبلها (Request2Go ← Request2 + Go)، وتُحذف الفواصل العليا داخل الكلمات (don't ← dont)، وتُدعم أحرف أي كتابة (é وñ والسيريلية واليونانية…). يُحوَّل كل سطر على حدة.
حالات الاستخدام الشائعة
- إنشاء أسماء أصناف CSS من أسماء المكوّنات
- تحويل أسماء مكوّنات React إلى أسماء ملفات
- توليد أسماء خيارات سطر الأوامر
- بناء أجزاء مسارات الروابط من المعرّفات
ملاحظة أمنية
كل شيء يعمل محليًا داخل متصفحك؛ الكود الذي تلصقه لا يُرفع إلى أي خادم.
الأسئلة الشائعة
هل kebab-case هو نفسه slug؟
متشابهان، لكن هذه الأداة تُبقي الحروف المشكّلة، بينما تحوّلها مولّدات slug عادةً إلى ASCII.
كيف تُعالج الأحرف المختصرة؟
يصبح getHTTPResponseCode ← get-http-response-code.
هل تعمل مع عدة أسطر؟
نعم، يُحوَّل كل سطر على حدة.