منسّخ ليس

تنسيق وتجميل كود معالج LESS CSS بمسافة بادئة نظيفة

LESS الإدخال
المخرجات المنسّقة

نصائح تنسيق ليس

  • حافظ على عمق التداخل بحد أقصى 3 مستويات للحفاظ على قابلية القراءة والتحكم في الخصوصية.
  • قم بتجميع المتغيرات والميكسنات ذات الصلة في أعلى ملف LESS الخاص بك.
  • استخدم خاصية واحدة في كل سطر لتسهيل مراجعة الكود والمقارنة.

ميزات معالجة منسّخ ليس الاحترافية

كل ما تحتاجه للعمل مع بيانات منسّخ ليس بكفاءة واحترافية

دعم صياغة LESS

دعم كامل لصياغة LESS المحددة بما في ذلك المتغيرات والميكسنات والحراس ومجموعات القواعد المنفصلة.

تجميل كود ليس

تحويل كود ليس الفوضوي إلى كود نظيف بمسافة بادئة متسقة مع تداخل وتباعد مناسب.

تنسيق القواعد المتداخلة

مسافة بادئة مناسبة للمحددات المتداخلة والحفاظ على علاقات الوالد-الطفل الواضحة في قواعد LESS.

تنسيق الميكسنات

تنسيق صحيح لتعريفات الميكسنات واستدعاءاتها والميكسنات المعلمية ومطابقة الأنماط.

مدعوم بـ Prettier

يستخدم محرك التنسيق Prettier القياسي الصناعي للحصول على مخرجات موثوقة ومتسقة.

محاذاة المتغيرات

تنظيم ومحاذاة متغيرات وحسابات LESS لصيانة أنظف لأوراق الأنماط.

كيف تعمل

خطوات بسيطة لمعالجة منسّخ ليس الخاص بك كمحترف

1

الصق كود ليس

الصق كود LESS في منطقة الإدخال، أو قم بتحميل ورقة أنماط نموذجية للبدء.

2

تخصيص الخيارات

اختر حجم المسافة البادئة وخيارات التنسيق لتتوافق مع معايير مشروعك.

3

تنسيق ومراجعة

انقر على زر التنسيق لتجميل كود ليس ومراجعة المخرجات النظيفة.

4

نسخ أو تنزيل

انسخ كود ليس المنسق إلى الحافظة أو قم بتنزيله كملف.

منسّق ومحقق منسّخ ليس احترافي

تُنفَّذ معالجة منسّخ ليس بالكامل في متصفحك — لا رفع للملفات، ولا حسابات، ولا قيود.

طريقة المعالجة

راجع أمثلة الأداة وحدود الصياغة ووثائق المصدر لفهم الناتج.

الميزات التقنية الرئيسية:

  • • محرك تنسيق ليس مدعوم بـ Prettier
  • • دعم للمتغيرات والميكسنات والقواعد المتداخلة
  • • يتعامل مع الدوال والعمليات الخاصة بـ LESS
  • • معالجة من جانب العميل لأقصى أمان وسرعة
  • • دعم الملفات الكبيرة حتى 10 ميجابايت

المعالجة والناتج

تحقّق من الطريقة المذكورة وقارن النتيجة بالإدخال قبل استخدامها.

الأمان والخصوصية:

  • • معالجة 100% من جانب العميل - لا تُرسل البيانات إلى خوادم
  • • لا تتبع أو ملفات تعريف ارتباط أو جمع بيانات
  • • تشفير HTTPS للاتصالات الآمنة
  • • لا يتم تخزين أو تخزين مؤقت للبيانات بعد المعالجة
  • • نهج متوافق مع GDPR و CCPA

لماذا يختار المحترفون EZ Formatter

100%
معالجة من جانب العميل
0
بيانات تُرسَل إلى الخوادم
60
أدوات في منصة العمل

بياناتك تبقى داخل متصفحك

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

إجابات على الأسئلة الشائعة حول تنسيق Less Formatter

نعم، منسّق ليس الخاص بنا مجاني تمامًا بدون تسجيل مطلوب. تتم جميع المعالجات في متصفحك.

نعم، يتعامل منسّقنا بشكل صحيح مع متغيرات LESS (@variable) والميكسنات والحراس وخصائص الدمج.

منسّق LESS يفهم تحديدًا صياغة معالج LESS المسبق بما في ذلك المتغيرات والتداخل والميكسنات والدوال التي لن يتعامل معها منسق CSS العادي.

لا. يقوم المنسّق فقط بتعديل المسافات البيضاء والمسافة البادئة. لا يقوم أبدًا بتعديل المحددات أو الخصائص أو القيم.

يتعامل المنسّق مع عبارات @import والصياغة الخاصة بالإضافات. لا يتم إجراء حل الاستيراد، فقط التنسيق.

التداخل مع مراجع العنصر الأصل &، والمتغيرات (@width: 10px - حيث الرمز @ يختلف عن $ في SCSS)، والميكسنات مع قوائم المعاملات وشروط الحماية (when (@a > @b))، وأنماط الميكسن التكراري .loop()، والعمليات الحسابية على الأرقام مع الوحدات. يتعرف المنسّق على كل هذه التراكيب من حيث البنية دون تقييمها.

قواعد الأكواد من عصر Bootstrap 3/4، وأنظمة التصميم المؤسسية، وقوالب لوحات التحكم الأقدم لا تزال تعمل بـ Less في بيئة الإنتاج. يحافظ التنسيق على قابلية قراءة تلك الأكواد أثناء الصيانة دون الحاجة إلى ترحيل - كما يتجنب المنسّق عمدًا إعادة كتابة مسارات @import أو استدعاءات الميكسن، لأن دلالاتها تختلف عن SCSS.

من ناحية البنية فهما متطابقان (وهذا هو تصميم ليس ذاته - فكل صنف يمكن أن يكون ميكسن)؛ لذا يعامل المنسّق كليهما بنفس الطريقة، ويكتفي بتوحيد المسافات داخل أقواس الميكسنات ذات المعاملات (.border-radius(@radius: 4px)). أما شروط الحماية والكلمة المفتاحية when فتُترك كما كُتبت تمامًا، لأنها تحدد الميكسن الذي يختاره المترجم.

{-- * External Resources Component(#19 Phase 3b 内容佐证工程) * 工具页「权威引用」区块:RFC / W3C / WHATWG / ECMA / IANA / 官方规范站 / 官方语言文档 / Wikipedia。 * * - 接受 :slug 属性 → 经 config/tool-sources.php 家族矩阵渲染该工具的权威引用 * - slug 未命中映射时不渲染(无权威来源的工具静默跳过) * - 链接 title 保持英文(引用源专名);description 经 * common.resources.descriptions.{key} 本地化,lang 未命中回退英文(线上不裸奔) * - 链接保持 dofollow(rel="noopener noreferrer") * * @param string|null $slug --}}

الأدوات ذات الصلة