Liquid/whitespace

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

التحكم بالمسافات Whitespace

يمكنك في لغة 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!‎

مصادر