عارض HTML
عاين HTML في إطار.
حول هذه الأداة
يعرض هذا العارض مقتطف HTML داخل iframe محاط ببيئة معزولة لتفحص البنية دون إنشاء ملف منفصل. تبقى السكربتات معزولة، فهي معاينة للشيفرة وليست تشغيلًا لتطبيق كامل.
طريقة الاستخدام
الصق المقتطف ثم شغّل المعاينة وتأمّل الإطار. الأداة مناسبة لكتل رسائل البريد أو مسوّدات المكوّنات الثابتة التي تريد فحصها بسرعة.
مثال
يستخدم المثال أنماطًا مضمّنة ليظهر شيء واضح فورًا.
إدخال
<article style="font-family:system-ui;padding:1rem">
<h1 style="margin:0 0 .5rem">Preview card</h1>
<p style="margin:0;color:#334155">Sandboxed HTML viewer example.</p>
</article>
مخرجات
(rendered in the preview frame)
نصيحة
إذا ظهرت النتيجة بلا تنسيق فالمقتطف يعتمد على ملف أنماط خارجي لا يحمّله الإطار.
معلومات مفيدة
هل تعمل السكربتات في المعاينة؟
لا. الإطار معزول بلا إذن للسكربتات، فيعرض الشيفرة وCSS فقط. اختبر السلوك في صفحة حقيقية.
هل تظهر فئات Tailwind في المعاينة؟
ليس افتراضيًا: لا يملك الإطار ملف أنماط، فلا تفعل فئات الأدوات شيئًا حتى تضيف <link> إلى CSS مُجمَّع أو تلصقه في كتلة <style>. لا يمكن لسكربت Tailwind Play CDN أن يعمل لأن السكربتات محظورة.