عرض مصدر Liquid/whitespace

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

يُحوَّل أي سطر من شيفرة Liquid في القالب إلى سطر إضافي ضمن ملف HTML المصيَّر حتى إن لم يحتوي ذلك السطر على نص لطباعته فيه:<syntaxhighlight lang="liquid">
{% assign my_variable = "tomato" %}
{{ my_variable }}
</syntaxhighlight>لاحظ السطر الفارغ قبل كلمة "tomato" في القالب المصيَّر:<syntaxhighlight lang="liquid">
 
tomato
</syntaxhighlight>لكن إذا ضمّنت شرطة في محدّد إغلاق الوسم <code>assign</code>، فيمكنك حذف المسافة التي تليه من القالب المصيَّر:<syntaxhighlight lang="liquid">
{% assign my_variable = "tomato" -%}
{{ my_variable }}
</syntaxhighlight>الخرج:<syntaxhighlight lang="liquid">
tomato
</syntaxhighlight>إن لم ترِد أن تطبع وسومك أيّ مسافات فارغة، فيمكنك إضافة شرطات إلى جانبي كل الوسمين <code>{%-</code> و <code>-%}</code>:<syntaxhighlight lang="liquid">
{% assign username = "John G. Chalmers-Smith" %}
{% if username and username.size > 10 %}
  Wow, {{ username }} , you have a long name!
{% else %}
  Hello there!
{% endif %}
</syntaxhighlight>الخرج دون التحكم بالمسافات الفارغة:<syntaxhighlight lang="liquid">
 
 
  Wow, John G. Chalmers-Smith , you have a long name!
                  ‏
</syntaxhighlight>أما في المثال التالي:<syntaxhighlight lang="liquid">
{% assign username = "John G. Chalmers-Smith" -%}
{%- if username and username.size > 10 -%}
  Wow, {{ username -}} , you have a long name!
{%- else -%}
  Hello there!
{%- endif %}
</syntaxhighlight>يكون الخرج مع التحكم بالمسافات:<syntaxhighlight lang="liquid">
Wow, John G. Chalmers-Smith, you have a long name!
</syntaxhighlight>
== مصادر ==

* [https://shopify.github.io/liquid/basics/whitespace/ صفحة Whitespace control في توثيق Liquid الرسمي.]
[[تصنيف:Liquid]]