الفرق بين المراجعتين ل"Liquid/whitespace"
< Liquid
اذهب إلى التنقل
اذهب إلى البحث
(أنشأ الصفحة ب'== التحكم بالمسافات Whitespace == يمكنك في لغة Liquid تضمين شرطة في صيغة الوسم tag كما يلي: <code><nowiki>{{-</nowiki>...') |
|||
سطر 1: | سطر 1: | ||
== التحكم بالمسافات Whitespace == | == التحكم بالمسافات Whitespace == | ||
− | يمكنك في لغة Liquid تضمين شرطة في صيغة الوسم tag كما يلي: <code><nowiki>{{-</nowiki></code> و <code><nowiki>-}}</nowiki></code> و <code>{%-</code> و <code>-%}</code> لحذف المسافة من جانب الوسم المصيَّر rendered tag الأيسر أو الأيمن. | + | يمكنك في لغة Liquid تضمين شرطة (-) في صيغة الوسم tag كما يلي: <code><nowiki>{{-</nowiki></code> و <code><nowiki>-}}</nowiki></code> و <code>{%-</code> و <code>-%}</code> لحذف المسافة من جانب الوسم المصيَّر rendered tag الأيسر أو الأيمن. |
− | + | سيطبع أي سطر من شيفرة Liquid في القالب سطرًا فارغًا ضمن ملف HTML المصيَّر حتى إن لم يطبع نصًا: | |
{| class="wikitable" | {| class="wikitable" | ||
|+ | |+ | ||
سطر 20: | سطر 20: | ||
<code>tomato</code> | <code>tomato</code> | ||
|} | |} | ||
− | لكن إذا ضمّنت شرطة في محدّد إغلاق <code>assign</code>، فيمكنك حذف المسافة التي تليه من القالب المصيَّر: | + | لكن إذا ضمّنت شرطة في محدّد إغلاق الوسم <code>assign</code>، فيمكنك حذف المسافة التي تليه من القالب المصيَّر: |
{| class="wikitable" | {| class="wikitable" | ||
!الدخل | !الدخل | ||
+ | !الخرج | ||
|- | |- | ||
|<syntaxhighlight lang="liquid"> | |<syntaxhighlight lang="liquid"> | ||
سطر 28: | سطر 29: | ||
{{ my_variable }} | {{ my_variable }} | ||
</syntaxhighlight> | </syntaxhighlight> | ||
− | |||
− | |||
− | |||
− | |||
|<code>tomato</code> | |<code>tomato</code> | ||
|} | |} | ||
− | إن لم ترِد أن تطبع وسومك أيّ مسافة، فيمكنك إضافة شرطات إلى جانبي كل | + | إن لم ترِد أن تطبع وسومك أيّ مسافة، فيمكنك إضافة شرطات إلى جانبي كل الوسمين <code>{%-</code> و <code>-%}</code>: |
{| class="wikitable" | {| class="wikitable" | ||
!الدخل | !الدخل | ||
+ | !الخرج دون التحكم بالمسافات | ||
|- | |- | ||
|<syntaxhighlight lang="liquid"> | |<syntaxhighlight lang="liquid"> | ||
سطر 46: | سطر 44: | ||
{% endif %} | {% endif %} | ||
</syntaxhighlight> | </syntaxhighlight> | ||
− | | | + | |<syntaxhighlight lang="liquid"> |
− | + | ||
− | |||
− | |||
− | |||
− | + | Wow, John G. Chalmers-Smith , you have a long name! | |
+ | </syntaxhighlight> | ||
|} | |} | ||
{| class="wikitable" | {| class="wikitable" | ||
!الدخل | !الدخل | ||
+ | !الخرج مع التحكم بالمسافات | ||
|- | |- | ||
|<syntaxhighlight lang="liquid"> | |<syntaxhighlight lang="liquid"> | ||
سطر 65: | سطر 62: | ||
{%- endif %} | {%- endif %} | ||
</syntaxhighlight> | </syntaxhighlight> | ||
− | |||
− | |||
− | |||
− | |||
|<code>Wow, John G. Chalmers-Smith, you have a long name!</code> | |<code>Wow, John G. Chalmers-Smith, you have a long name!</code> | ||
|} | |} | ||
− | |||
== مصادر == | == مصادر == | ||
* [https://shopify.github.io/liquid/basics/whitespace/ صفحة Whitespace control في توثيق Liquid الرسمي.] | * [https://shopify.github.io/liquid/basics/whitespace/ صفحة Whitespace control في توثيق Liquid الرسمي.] |
مراجعة 03:25، 4 أغسطس 2021
التحكم بالمسافات Whitespace
يمكنك في لغة Liquid تضمين شرطة (-) في صيغة الوسم tag كما يلي: {{-
و -}}
و {%-
و -%}
لحذف المسافة من جانب الوسم المصيَّر rendered tag الأيسر أو الأيمن.
سيطبع أي سطر من شيفرة Liquid في القالب سطرًا فارغًا ضمن ملف HTML المصيَّر حتى إن لم يطبع نصًا:
الدخل |
---|
{% assign my_variable = "tomato" %}
{{ my_variable }}
|
لاحظ السطر الفارغ قبل كلمة "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!
|