الفرق بين المراجعتين لصفحة: «Twig/spaceless»
< Twig
أسامه-دمراني (نقاش | مساهمات) 1.0: إضافة عنوان الصفحة | 2.0 محتوى الصفحة |
جميل-بيلوني (نقاش | مساهمات) طلا ملخص تعديل |
||
| سطر 1: | سطر 1: | ||
<noinclude>{{DISPLAYTITLE: المرشح spaceless في Twig}}</noinclude> | |||
يُستخدم المرشح <code>spaceless</code> لإزالة المسافات الفارغة بين وسوم | يُستخدم المرشح <code>spaceless</code> لإزالة المسافات الفارغة بين وسوم [[HTML]]، ولا يُستخدم لإزالة المسافات داخل الوسوم أو في النصوص العادية:<syntaxhighlight lang="twig"> | ||
{{ | {{ | ||
"<div> | "<div> | ||
| سطر 8: | سطر 8: | ||
{# الخرج: <div><strong>foo</strong></div> #} | {# الخرج: <div><strong>foo</strong></div> #} | ||
</syntaxhighlight>يمكن جمع المرشح spaceless مع الوسم [[Twig/apply|apply]] لتطبيق التحويل على شيفرة كبيرة من HTML:<syntaxhighlight lang="twig"> | </syntaxhighlight>يمكن جمع المرشح <code>spaceless</code> مع الوسم [[Twig/apply|<code>apply</code>]] لتطبيق التحويل على شيفرة كبيرة من [[HTML]]:<syntaxhighlight lang="twig"> | ||
{% apply spaceless %} | {% apply spaceless %} | ||
<div> | <div> | ||
| سطر 16: | سطر 16: | ||
{# الخرج: <div><strong>foo</strong></div> #} | {# الخرج: <div><strong>foo</strong></div> #} | ||
</syntaxhighlight>لا يهدف هذا الوسم لتحسين حجم محتوى HTML الصادر لكنه يزيل المسافات الفارغة فقط بين وسوم HTML لتجنب بعض خصائص الإخراج في المتصفح في بعض الحالات. | </syntaxhighlight>لا يهدف هذا الوسم لتحسين حجم محتوى [[HTML]] الصادر لكنه يزيل المسافات الفارغة فقط بين وسوم [[HTML]] لتجنب بعض خصائص الإخراج في المتصفح في بعض الحالات. | ||
== إرشادات الاستخدام == | == إرشادات الاستخدام == | ||
* بما أن المرشح يستخدم تعبيرًا نمطيًا فإن أداءه مرتبط ارتباطًا وثيقًا بحجم النص الذي تعمل عليه، تذكر أن المرشحات تنفَّذ أثناء وقت التشغيل. | * بما أن المرشح يستخدم تعبيرًا نمطيًا فإن أداءه مرتبط ارتباطًا وثيقًا بحجم النص الذي تعمل عليه، تذكر أن المرشحات تنفَّذ أثناء وقت التشغيل. | ||
* لتحسين حجم محتوى HTML الصادر، يُستخدم gzip لضغط المحتوى المُخرج. | * لتحسين حجم محتوى [[HTML]] الصادر، يُستخدم gzip لضغط المحتوى المُخرج. | ||
* ليس من السهل إنشاء وسم يحذف جميع المسافات الفارغة في سلسلة نصية في HTML -انظر وسوم <code>pre</code> و <code>textarea</code>-، ويفضل استخدام مكتبة مثل [https://www.html-tidy.org/ Tidy]. | * ليس من السهل إنشاء وسم يحذف جميع المسافات الفارغة في سلسلة نصية في HTML -انظر وسوم <code>pre</code> و <code>textarea</code>-، ويفضل استخدام مكتبة مثل [https://www.html-tidy.org/ Tidy]. | ||
* للمزيد عن التحكم في المسافات الفارغة، انظر قسم التحكم في المسافات في [[Twig/templates|صفحة Twig لمصممي القوالب]] لتعلم كيف يمكن استخدام المعدِّل في تحكم المسافات داخل الوسوم الخاصة بك. | * للمزيد عن التحكم في المسافات الفارغة، انظر قسم التحكم في المسافات في [[Twig/templates#.D8.A7.D9.84.D8.AA.D8.AD.D9.83.D9.85 .D9.81.D9.8A .D8.A7.D9.84.D9.85.D8.B3.D8.A7.D9.81.D8.A7.D8.AA .D8.A7.D9.84.D9.81.D8.A7.D8.B1.D8.BA.D8.A9|صفحة Twig لمصممي القوالب]] لتعلم كيف يمكن استخدام المعدِّل في تحكم المسافات داخل الوسوم الخاصة بك. | ||
== انظر أيضًا == | == انظر أيضًا == | ||
* [[Twig/intro|مقدمة عن محرك القوالب Twig | *[[Twig/intro|مقدمة عن محرك القوالب Twig]] | ||
* [[Twig/advanced|توسيع Twig | *[[Twig/advanced|توسيع Twig]] | ||
* [[Twig/internals|المكونات الداخلية لـ Twig | * [[Twig/internals|المكونات الداخلية لـ Twig]] | ||
* [[Twig/tags|الوسوم في Twig]] | *[[Twig/tags|الوسوم في Twig]] | ||
* [[ Twig/filters|المرشحات في Twig]] | *[[ Twig/filters|المرشحات في Twig]] | ||
== المصادر == | == المصادر == | ||
* [https://twig.symfony.com/doc/3.x/filters/spaceless.html صفحة | * [https://twig.symfony.com/doc/3.x/filters/spaceless.html صفحة المرشح spaceless في توثيق Twig الرسمي] | ||
[[تصنيف:Twig]] | [[تصنيف:Twig]] | ||
[[تصنيف:Twig Filters]] | [[تصنيف:Twig Filters]] | ||
المراجعة الحالية بتاريخ 08:06، 6 مايو 2021
يُستخدم المرشح spaceless لإزالة المسافات الفارغة بين وسوم HTML، ولا يُستخدم لإزالة المسافات داخل الوسوم أو في النصوص العادية:
{{
"<div>
<strong>foo</strong>
</div>
"|spaceless }}
{# الخرج: <div><strong>foo</strong></div> #}
يمكن جمع المرشح spaceless مع الوسم apply لتطبيق التحويل على شيفرة كبيرة من HTML:
{% apply spaceless %}
<div>
<strong>foo</strong>
</div>
{% endapply %}
{# الخرج: <div><strong>foo</strong></div> #}
لا يهدف هذا الوسم لتحسين حجم محتوى HTML الصادر لكنه يزيل المسافات الفارغة فقط بين وسوم HTML لتجنب بعض خصائص الإخراج في المتصفح في بعض الحالات.
إرشادات الاستخدام
- بما أن المرشح يستخدم تعبيرًا نمطيًا فإن أداءه مرتبط ارتباطًا وثيقًا بحجم النص الذي تعمل عليه، تذكر أن المرشحات تنفَّذ أثناء وقت التشغيل.
- لتحسين حجم محتوى HTML الصادر، يُستخدم gzip لضغط المحتوى المُخرج.
- ليس من السهل إنشاء وسم يحذف جميع المسافات الفارغة في سلسلة نصية في HTML -انظر وسوم
preوtextarea-، ويفضل استخدام مكتبة مثل Tidy. - للمزيد عن التحكم في المسافات الفارغة، انظر قسم التحكم في المسافات في صفحة Twig لمصممي القوالب لتعلم كيف يمكن استخدام المعدِّل في تحكم المسافات داخل الوسوم الخاصة بك.