
الصق المدخلات
أدخل CSS أو HTML أو JSON أو نصًا آخر. لا يُرفع شيء.
عاين 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)
إذا ظهرت النتيجة بلا تنسيق فالمقتطف يعتمد على ملف أنماط خارجي لا يحمّله الإطار.