التحكم بالمسافات الفارغة Whitespace في Liquid

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

يمكنك في لغة Liquid تضمين شرطة (-) في صيغة الوسم tag كما يلي: {{- و -}} و {%- و -%} لحذف المسافة من جانب الوسم المصيَّر rendered tag الأيسر أو الأيمن.

يُحوَّل أي سطر من شيفرة Liquid في القالب إلى سطر إضافي ضمن ملف HTML المصيَّر حتى إن لم يحتوي ذلك السطر على نص لطباعته فيه:

{% assign my_variable = "tomato" %}
{{ my_variable }}

لاحظ السطر الفارغ قبل كلمة "tomato" في القالب المصيَّر:

 
tomato

لكن إذا ضمّنت شرطة في محدّد إغلاق الوسم assign، فيمكنك حذف المسافة التي تليه من القالب المصيَّر:

{% assign my_variable = "tomato" -%}
{{ my_variable }}

الخرج:

tomato

إن لم ترِد أن تطبع وسومك أيّ مسافات فارغة، فيمكنك إضافة شرطات إلى جانبي كل الوسمين {%- و -%}:

{% assign username = "John G. Chalmers-Smith" %}
{% if username and username.size > 10 %}
  Wow, {{ username }} , you have a long name!
{% else %}
  Hello there!
{% endif %}

الخرج دون التحكم بالمسافات الفارغة:

 
 
  Wow, John G. Chalmers-Smith , you have a long name!
                  ‏

أما في المثال التالي:

{% assign username = "John G. Chalmers-Smith" -%}
{%- if username and username.size > 10 -%}
  Wow, {{ username -}} , you have a long name!
{%- else -%}
  Hello there!
{%- endif %}

يكون الخرج مع التحكم بالمسافات:

Wow, John G. Chalmers-Smith, you have a long name!

مصادر