أداة مقتطفات الأكواد

Create Code Snippet Blocks That Fit Your Website

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

Create Your Code Snippets Widget - It's Free!
Create Code Snippet Blocks That Fit Your Website Hero Bg Image

إدارة محتوى المقتطفات

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

Content fields include:

عنوان المقتطفاللغةمحتوى الكودتسميات النسخ
إضافة مقتطفات الأكواد
Manage Snippet Content

اختر تخطيط علامات التبويب أو القائمة

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

Layout controls include:

علامات التبويبالقائمةالعرض التلقائيعرض مخصص
تعيين تخطيط مقتطفات الأكواد
Choose Tabs or List Layout

نسّق نافذة الأكواد

طابق كتلة الأكواد مع صفحتك باستخدام السمات المدمجة وخيارات إطار النافذة والألوان ونصف القطر والتباعد والظلال وCSS محدد النطاق. اختر عرضًا مألوفًا بأسلوب المطورين مع الحفاظ على توافق الأداة مع تصميم موقعك.

تتضمن عناصر التحكم في التنسيق:

سمات الأكوادإطار النافذةالألواننصف قطر الزواياCSS مخصص بنطاق محدد
Customize Style
Style the Code Window

اجعل الأمثلة عملية

ساعد الزوار على استخدام مقتطفاتك مباشرة من الصفحة. فعّل أزرار النسخ وأرقام الأسطر والتمرير المتجاوب وعناصر التحكم في الظهور على الأجهزة المحمولة حتى تظل أمثلة الأكواد سهلة القراءة وإعادة الاستخدام.

Visitor controls include:

Copy buttonأرقام الأسطرMobile displayمستجيب
تفعيل عناصر التحكم في النسخ
Make Examples Practical