انتقل إلى المحتوى

محوّل kebab-case

حوّل العناوين وأسماء المتغيرات والعبارات إلى معرّفات مفصولة بشرطات لأسماء أصناف CSS والروابط وأسماء الملفات ومفاتيح الإعدادات.

تتم المعالجة محليًا في متصفحك

الخيارات
0 حرف · 0 سطر
ستظهر النتيجة هنا.

ما هي أداة محوّل kebab-case؟

يكتب kebab case الكلمات بأحرف صغيرة تربطها شرطات: my-css-class. وهو النمط المعتاد لأصناف CSS وخصائص HTML ومسارات الروابط وأسماء حزم npm وأسماء الملفات وخيارات سطر الأوامر، وتسميه مجتمعات أخرى dash-case أو lisp-case. وللنمط نفسه صيغتان أخريان هما Train-Case (My-Css-Class) وCOBOL-CASE (MY-CSS-CLASS) تُستخدمان في ترويسات HTTP والشيفرات القديمة.

يكتشف المحوّل الكلمات في أي مدخل، سواء كان جملة أو اسمًا بصيغة camelCase أو PascalCase أو snake_case أو نصًّا فيه نقاط أو شرطات مائلة، ويفصلها قبل الأحرف الكبيرة وحول الأرقام ثم يربطها بالشرطات. أما نمط slug الرابط فيتصرف بشكل مختلف عمدًا: يُبقي كلمات camelCase معًا ويحذف علامات الحذف العليا والرموز ويحوّل اللكنات اللاتينية، فتصبح «Café Crème Brûlée!» هي cafe-creme-brulee.

كيف تعمل؟

  1. الصق الأسماء أو العناوين أو العبارات، واحدًا في كل سطر.
  2. اختر kebab-case أو Train-Case أو COBOL-CASE أو slug الرابط من قائمة النمط.
  3. فعّل إزالة اللكنات للحصول على ناتج ASCII فقط، وحدّد طولًا أقصى للأسماء القصيرة، وقرر هل تُفصل الأرقام عن الحروف.
  4. انسخ النتيجة؛ يُحوَّل كل سطر على حدة ما لم تعطّل خيار التحويل لكل سطر.

حالات الاستخدام الشائعة

  • تسمية أصناف CSS أو كتل BEM أو خصائص HTML مخصصة انطلاقًا من رمز تصميم أو تسمية.
  • إنشاء أسماء ملفات ومجلدات أو حزم npm متسقة من عناوين المقالات.
  • تحويل مفاتيح JSON بصيغة camelCase أو أسماء بأسلوب متغيرات البيئة إلى مفاتيح إعدادات بشرطات.
  • توليد أسماء ترويسات HTTP بصيغة Train-Case مثل Content-Type أو X-Request-Id.

أمثلة

جرّب هذا المدخل في الأداة أعلاه:

المدخل
userFirstName
HTTPResponseCode
My Blog Post: Café & Crème Brûlée!
get_user_by_id
version2Beta
المخرج
user-first-name
http-response-code
my-blog-post-café-crème-brûlée
get-user-by-id
version-2-beta

الخصوصية

تعمل أداة محوّل kebab-case بالكامل داخل متصفحك. يُعالَج النص أو الملفات التي تقدّمها على جهازك ولا تُرفع ولا تُسجَّل ولا تُخزَّن على خوادمنا.

القيود

يحذف kebab-case كل ما ليس حرفًا أو رقمًا، بما في ذلك الشرطة السفلية وعلامات الترقيم. تبقى الحروف غير اللاتينية مثل العربية والسيريلية كما هي دون تحويلها إلى ASCII.

الأسئلة الشائعة

ما الفرق بين kebab-case وsnake_case؟

كلاهما قائمة كلمات بأحرف صغيرة؛ يربط kebab-case الكلمات بشرطات (my-name) بينما يربطها snake_case بشرطات سفلية (my_name). الشرطة صالحة في CSS والروابط لكنها غير صالحة في معظم أسماء المتغيرات.

ما الفرق بين slug الرابط وkebab-case؟

يعامل الـ slug النص كعنوان: لا يقسّم كلمات camelCase ويحذف علامات الحذف العليا والرموز ويزيل اللكنات اللاتينية دائمًا. أما kebab-case فيقسّم أولًا حدود camelCase والاختصارات.

ما هما Train-Case وCOBOL-CASE؟

يكتب Train-Case كل كلمة بحرف كبير في أولها (Accept-Language) ويكتب COBOL-CASE كل الأحرف كبيرة (ACCEPT-LANGUAGE). ويحتفظ كلاهما بشرطات kebab-case.

المزيد من الأدوات في أدوات النصوص →