لماذا مكوّنات في ملف واحد
المكوّن الذي هو ملف HTML واحد يمكن معاينته في iframe، وقراءته في جلسة واحدة، ولصقه في أي بيئة: بلا خطوة بناء، ولا شجرة اعتماديات، ولا شيء يُجلب أثناء التشغيل. هذه هي فكرة المكتبة التي تعدّلها هذه الصفحة.
ملعب المكوّنات
عدّل مكوّن HTML مستقلاً وشاهده يُعرض أثناء الكتابة، بعرض الهاتف أو الجهاز اللوحي أو سطح المكتب، بالوضع الفاتح أو الداكن، وبأي اتجاه للنص. كل قالب في مكتبة المكوّنات ملف واحد، وهذا تماماً ما تعرضه هذه الصفحة.
- العروضهاتف، جهاز لوحي، سطح مكتب
- الفحوصالوضع الداكن واتجاه RTL
- العزلالسكربتات فقط، بلا وصول للخارج
الملف
مستند HTML واحد مستقل: الهيكل والأنماط وأي سكربت.
الأسطر: 60 · 2.5 kB
معاينة
يُعرض في إطار معزول، يشغّل سكربتاته الخاصة ولا يصل إلى أي شيء هنا.
العرض
ملء
الاتجاه
LTR
السمة
فاتح
ابدأ من مكوّن حقيقي: افتح أي قالب في مكتبة المكوّنات وسيصل إلى هنا والكود محمّل فيه.
ما يسمح به العزل
يشغّل الإطار السكربتات ليعمل سلوك المكوّن نفسه، ويُمنع من الوصول إلى الأصل نفسه والنماذج والنوافذ المنبثقة والتنقل. المكوّن الملصق لا يستطيع قراءة هذه الصفحة ولا تخزينها ولا ملفات تعريف الارتباط لديك.
افحص الوضع الداكن واتجاه RTL قبل النشر
المفتاحان يعيدان كتابة سمات المستند نفسه بدل فرض أنماط من الخارج، فما تراه هو ما يفعله الملف وحده. التخطيط الذي لا ينعكس صحيحاً إلا بمساعدة الصفحة الأم تخطيط سينكسر في مكان آخر.
الأسئلة الشائعة
- كيف أعاين ملف HTML بلا خادم؟
- الصق الملف في الصفحة فيُرسم داخل إطار مدمج من النصّ نفسه، بلا تثبيت ولا رفع ولا نشر.
- هل من الآمن لصق HTML من مصدر آخر؟
- الإطار معزول: يشغّل السكربتات ليعمل سلوك المكوّن، ولا يستطيع الوصول إلى الصفحة أو تخزينها أو الكوكيز.
- كيف أختبر المكوّن من اليمين إلى اليسار؟
- بدّل زرّ الاتجاه. المبدّل يغيّر سمة dir في المستند نفسه، فترى سلوك الملف الحقيقي لا نتيجة مساعدة من الصفحة الأم.
- هل أستطيع تحميل مكوّن من المكتبة؟
- نعم، افتح الملعب مع معرّف القالب في رابط الصفحة فيصلك الملف محمّلاً جاهزاً للتعديل.