صندوق اكواد رقم 1 احترافى بوب
انسخ الكود وضعه فى الموضوع
صندوق اكواد رقم 1 احترافى بوب
المميزات :
textarea يتمدد تلقائيًا حسب عدد الأسطر.
يبدأ بارتفاع min-height ويمكن أن يكبر حسب الحاجة.
يعمل تلقائيًا عند الكتابة أو عند تحميل الصفحة.
المعاينة هو نفس الكود بالصفحة
استخدام صندوق الأكواد في بلوجر له العديد من المميزات المهمة خاصة للمواقع التقنية أو التعليمية. إليك أهم مميزات وجود صندوق أكواد (Code Box) في بلوجر:
✅ مميزات صندوق الأكواد في بلوجر:
1. 🎨 تنسيق احترافي للأكواد (Syntax Highlighting)
يظهر الأكواد بشكل ملون ومنظم حسب اللغة البرمجية (HTML، CSS، JS، PHP...).
يسهل القراءة ويُظهر التعليمات البرمجية بوضوح.
2. 📋 زر نسخ الكود بنقرة واحدة
يسهل على الزائر نسخ الكود بسرعة دون الحاجة لتحديده يدويًا.
يحسن تجربة المستخدم ويوفر الوقت.
3. 🧠 تحديد اللغة تلقائيًا أو يدويًا
يمكن لصندوق الأكواد اكتشاف اللغة تلقائيًا.
أو تحديد اللغة يدويًا مثل: language-html – language-css.
4. 🖼️ عرض متجاوب ومناسب لكل الشاشات
الصندوق يعمل على الكمبيوتر والجوال بشكل متناسق.
لا يخرج عن الإطار أو يسبب كسر في التصميم.
5. 🌙 دعم الوضع الداكن والفاتح
يمكن تخصيصه ليتوافق مع تصميم المدونة سواء كان داكن أو فاتح.
6. 📎 إمكانية تحميل الكود أو عرضه في نافذة منبثقة
بعض الصناديق المتقدمة تسمح بعرض الكود في نافذة مستقلة أو تحميله كملف .txt.
7. 🧩 دعم أكثر من صندوق كود في نفس الصفحة
يمكنك استخدام عدة صناديق أكواد دون تضارب أو أخطاء.
8. 🔐 منع نسخ المحتوى غير البرمجي
يجعل النسخ مركزًا فقط على الأكواد، ويحمي المحتوى من النسخ الكامل العشوائي.
📌 أين يُستخدم؟
في شروحات البرمجة.
في تقديم قوالب وتصاميم.
في دروس HTML/CSS/JS.
في عرض سكربتات جاهزة للتحميل والاستخدام.
للتحميل
تعليقات
إرسال تعليق