الفرق بين المراجعتين لصفحة: «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!
|