الشفرات المختصرة

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

{getToc} $title={جدول المحتويات}

الأزرار الافتراضية

{getButton} $text={زر افتراضي} {getButton} $text={معاينة} $icon={preview}  {getButton} $text={تحميل} $icon={download} {getButton} $text={زيارة رابط} $icon={link} {getButton} $text={اشترِ الآن} $icon={cart} {getButton} $text={مشاركة} $icon={share} {getButton} $text={اتصل بنا} $icon={contact} {getButton} $text={مزيد من المعلومات} $icon={info}

الأزرار الملونة

{getButton} $text={زر ملون} $color={#10b981} {getButton} $text={معاينة} $icon={preview} $color={#22c55e}  {getButton} $text={تحميل} $icon={download} $color={#3b82f6} {getButton} $text={زيارة رابط} $icon={link} $color={#a855f7} {getButton} $text={اشترِ الآن} $icon={cart} $color={#f97316} {getButton} $text={مشاركة} $icon={share} $color={#ef4444} {getButton} $text={اتصل بنا} $icon={contact} $color={#eab308} {getButton} $text={مزيد من المعلومات} $icon={info} $color={#334155}

زر التحميل

{getButton} $text={تحميل} $icon={download} $info={64kb}

زر الشراء

{getButton} $text={اشترِ الآن} $icon={cart} $info={$29}

صناديق التنبيه

هذا تنبيه نجاح. استخدمه لتأكيد الإجراءات المكتملة أو عرض ردود فعل إيجابية. {alertSuccess}

هذا تنبيه معلومات. استخدمه لتقديم تحديثات محايدة، سياق إضافي، أو تعليمات مفيدة. {alertInfo}

هذا تنبيه تحذير. يساعد في جذب الانتباه إلى شيء قد يحتاج إلى إجراء أو حذر. {alertWarning}

هذا تنبيه خطأ. اعرضه عندما يفشل شيء ما، يحتاج إلى إصلاح، أو يحتوي على إدخال غير صحيح. {alertError}

جدول ذو حدود

الاسم الأول	اسم العائلة	البريد الإلكتروني
جون	دو	john@example.com
ماري	مو	mary@example.com
جولي	دولي	july@example.com

نموذج الاتصال

{contactForm}

صندوق الكود

// Show "Hello" in the console function sayHello() { console.log("Hello"); } // Show "World" in the console function sayWorld() { console.log("World"); }{codeBox}