طي التعليمات البرمجية وتوسيعها

تاريخ آخر تحديث 27 أبريل 2021

تعرف على كيفية طي التعليمات البرمجية وتوسيعها في Dreamweaver لعرض أقسام مستنداتك دون تمرير.

يمكنك طي (المعروف أيضًا باسم fold) وتوسيع أجزاء الكود لعرض أقسام مختلفة من مستندك دون التمرير.

على سبيل المثال، لرؤية جميع قواعد CSS في علامة head التي تنطبق على علامة div أسفل الصفحة، اطوِ الكود بين علامة head وعلامة div لرؤية كلا القسمين من الكود في الوقت نفسه.

يمكنك تحديد جزء من التعليمات البرمجية لطيه. يُمكنك أيضًا طي التعليمات البرمجية في ملفات HTML وPHP وXML وSVG استنادًا إلى مقاطع العلامات. في ملفات CSS وLess وSass وSCSS وJS، يمكنك طي الكود بناءً على الأقواس المعقوفة.

ملفات HTML: يقوم Dreamweaver بطي التعليمات البرمجية بين علامات الفتح والإغلاق لـ HTML ويتم عرض السمات الأولية (إذا كان ذلك مطبقًا)، في التعليمات البرمجية المطوية. يقوم Dreamweaver بالتوسع التلقائي عندما يحصل الكود الموجود داخل الكتلة على التركيز من خلال Tag Selector أو Find and Replace أو Go To Line أو Element Quick View أو Live View أو Undo/Redo.

إذا تغير التحديد، يتم طي الكود تلقائيًا مرة أخرى.

ملفات CSS وLess وSass وSCSS وJS: يتم طي الكود الموجود داخل الأقواس المعقوفة وتُعرض المعاينة كـ {...}.
ملفات PHP: يتم طي عناصر HTML ومقاطع التعليمة البرمجية لـ CSS وJS بالإضافة إلى مقاطع تعليمة PHP البرمجية.

ملاحظة

تعرض الملفات التي يتم إنشاؤها من قوالب Dreamweaver جميع أجزاء التعليمة البرمجية موسعة بالكامل، حتى إذا تضمن ملف القالب (‎.dwt) أجزاء تعليمات برمجية مطوية.

تعيين تفضيلات حجم الطي

الحجم الافتراضي لطي التعليمات البرمجية سطران. باستخدام هذا الإعداد الافتراضي، يتم طي كل أجزاء التعليمات البرمجية التي تحتوي على سطرين على الأقل من التعليمات البرمجية. يمكن طي أجزاء الكود التي تقل عن سطرين عن طريق تحديد الكود.

لتغيير العدد الأدنى للأسطر لطي الكود:

انقر فوق Edit > Preferences (على Windows) أو Dreamweaver > Preferences (على Mac).

انقر فوق Code Format في قائمة Category وحدد الحد الأدنى لحجم طي الكود.

طي أجزاء التعليمات البرمجية وتوسيعها

افتراضيًا، توجد كل التعليمات البرمجية في طريقة العرض Code في الوضع الموسّع.

ولكن يمكنك طي التعليمات البرمجية عن طريق تحديد أسطر متعددة وطيها. يمكنك أيضًا طي الكود بناءً على بناء الجملة - كتل العلامات أو الأقواس المجعدة.

طي التعليمات البرمجية استنادًا إلى مقاطع العلامات أو الأقواس المتعرجة
طي التعليمات البرمجية استنادًا إلى التحديد

ملاحظة

يتم الاحتفاظ بحالات مقاطع التعليمة البرمجية المطوية أو الموسعة عبر جلسات عمل Dreamweaver.

طي التعليمات البرمجية استنادًا إلى مقاطع العلامات أو الأقواس المتعرجة

لطي الكود بناءً على مقاطع العلامات أو الأقواس المتعرجة:

في طريقة عرض الكود، يظهر مثلث صغير بجانب أرقام الأسطر المقابلة لمقاطع الكود التي تزيد عن عدد أسطر طي الكود المحدد في تفضيلات حجم طي الكود.

انقر فوق المثلث لطي التعليمة البرمجية أو توسيعها.

ملاحظة

لتوسيع كل التعليمات البرمجية التي تم طيها في المستند، يمكنك استخدام اختصار لوحة المفاتيح Control+Alt+E (في Win)؛ Command+Alt+E (في Mac).

طي تعليمة برمجية باستخدام مقاطع علامة — طي التعليمات البرمجية باستخدام مقاطع التعليمات البرمجية (يلزم تحديث اللقطة)

طي التعليمات البرمجية استنادًا إلى التحديد

لطي الكود بناءً على التحديد:

في طريقة العرض Code، حدد جزء التعليمة البرمجية الذي تريد طيه.

انقر فوق أيقونة المثلث التي تظهر لطي وتوسيع التحديد.

استخدام اختصارات المفاتيح لطي التعليمة البرمجية وتوسيعها

Command	Windows	Macintosh
Collapse Selection	Control+Shift+C	Command+Shift+C
Collapse Outside Selection	Control+Alt+C	Command+Alt+C
Expand Selection	Control + Shift + E	Command + Shift + E
Collapse Full Tag	Control + Shift + J	Command + Shift + J
Collapse Outside Full Tag	Control+Alt+J	Command+Alt+J
توسيع الكل	Control+Alt+E	Command+Alt+E