عارض HTML

عاين HTML في إطار.

طريقة الاستخدام

أربع خطوات: الصق، شغّل، راجع، انسخ. كل شيء يبقى في المتصفح.

الصق المدخلات

الصق المدخلات

أدخل CSS أو HTML أو JSON أو نصًا آخر. لا يُرفع شيء.

شغّل الأداة

شغّل الأداة

انقر تحويل أو تشغيل. تظهر النتيجة فورًا.

راجع المخرجات

راجع المخرجات

اقرأ الرمز المُنشأ والملاحظات قبل الاستخدام.

انسخ واستخدم

انسخ واستخدم

انسخ النتيجة والصقها في مشروعك.

حول هذه الأداة

يعرض هذا العارض مقتطف 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)

نصيحة

إذا ظهرت النتيجة بلا تنسيق فالمقتطف يعتمد على ملف أنماط خارجي لا يحمّله الإطار.