المرشح spaceless في Twig

من موسوعة حسوب

يُستخدم المرشح spaceless لإزالة المسافات الفارغة بين وسوم HTML، ولا يُستخدم لإزالة المسافات داخل الوسوم أو في النصوص العادية:

{{
    "<div>
        <strong>foo</strong>
    </div>
    "|spaceless }}

{# الخرج: <div><strong>foo</strong></div> #}

يمكن جمع المرشح spaceless مع الوسم apply لتطبيق التحويل على شيفرة كبيرة من HTML:

{% apply spaceless %}
    <div>
        <strong>foo</strong>
    </div>
{% endapply %}

{# الخرج: <div><strong>foo</strong></div> #}

لا يهدف هذا الوسم لتحسين حجم محتوى HTML الصادر لكنه يزيل المسافات الفارغة فقط بين وسوم HTML لتجنب بعض خصائص الإخراج في المتصفح في بعض الحالات.

إرشادات الاستخدام

  • بما أن المرشح يستخدم تعبيرًا نمطيًا فإن أداءه مرتبط ارتباطًا وثيقًا بحجم النص الذي تعمل عليه، تذكر أن المرشحات تنفَّذ أثناء وقت التشغيل.
  • لتحسين حجم محتوى HTML الصادر، يُستخدم gzip لضغط المحتوى المُخرج.
  • ليس من السهل إنشاء وسم يحذف جميع المسافات الفارغة في سلسلة نصية في HTML -انظر وسوم pre و textarea-، ويفضل استخدام مكتبة مثل Tidy.
  • للمزيد عن التحكم في المسافات الفارغة، انظر قسم التحكم في المسافات في صفحة Twig لمصممي القوالب لتعلم كيف يمكن استخدام المعدِّل في تحكم المسافات داخل الوسوم الخاصة بك.

انظر أيضًا

المصادر