الفرق بين المراجعتين ل"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 لمصممي القوالب لتعلم كيف يمكن استخدام المعدِّل في تحكم المسافات داخل الوسوم الخاصة بك.