تحويل PascalCase إلى kebab-case
الصق أسماء مكونات أو كلاسات بصيغة PascalCase واحصل عليها بحروف صغيرة تفصل بينها شرطات.
جارٍ تحميل الأداة…
المعالجة والخصوصية: تُحسب النتيجة داخل متصفحك ولا تُرسل بياناتك إلى أي خادم.
طريقة الاستخدام
- أدخل أسماء بصيغة PascalCase (اسم في كل سطر أو داخل نص).
- تظهر النتيجة فورًا وتتحدّث مع كل تعديل.
- انسخ النتيجة، أو انسخ رابطًا يحفظ القيم نفسها لمشاركتها.
طريقة الحساب
يُقسم كل اسم PascalCase إلى كلمات عند كل انتقال من حرف صغير أو رقم إلى حرف كبير، وقبل آخر حرف كبير في اختصار يليه حرف صغير. ثم تُكتب الكلمات بحروف صغيرة وتُربط بشرطة (-). تبقى الرموز والمسافات حول الأسماء كما هي. مثال: UserCard تصبح user-card.
مثال
النتيجة: النتيجة بصيغة kebab-case: user-card nav-bar-item html-editor، عدد الأسماء المعالجة: 3.
UserCard NavBarItem HTMLEditor
user-card nav-bar-item html-editor
الحدود والملاحظات
- لا يمكن تقسيم اسم لا يحتوي على حرف كبير يحدد بداية الكلمة، مثل username أو الأسماء العربية.
- قد لا يعيد التحويل العكسي الاسم الأصلي تماما، فالاختصار HTML مثلا يعود بصيغة Html.
أسئلة شائعة عن هذه الأداة
لماذا تحتاج العناصر المخصصة إلى شرطة؟
مواصفة HTML تشترط أن يحتوي اسم العنصر المخصص على شرطة، لذلك يُسجَّل المكون UserCard باسم مثل user-card.
هل تفيد الأداة مع Vue و Angular؟
نعم، يقبل Vue المكون UserCard بالشكل user-card في القوالب، ويستخدم Angular صيغة kebab-case في المحددات وأسماء الملفات.
هل تتغير الأقواس والرموز حول الاسم؟
لا، يصبح <UserCard /> هو <user-card />، وتبقى الرموز كما هي.