أدوات المطوّر

محرر HTML/CSS/JS

ميني CodePen: ثلاث لوحات + معاينة حية معزولة.

في المتصفح

PRO

محرر HTML/CSS/JS

ميني CodePen: ثلاث لوحات + معاينة حية معزولة.

Pro يفتح هذه الأداة مع حدود أعلى وتصفح بلا إعلانات عندما تكون الإعلانات مفعّلة.

الترقية إلى Pro تسجيل الدخول

عن هذه الأداة

جرّب HTML وCSS وJavaScript جنبًا إلى جنب عندما تعلّم أو تصلّح مقطعًا أو ترسم ويدجت.

أدوات الكود في 1CLIK للحلقات القصيرة: نسّق، عاين، رمّز، انسخ. ليست بديلًا عن VS Code أو سيرفر تجريبي. استخدم بيانات عيّنة لا مكبات إنتاج فيها أسرار.

عندما يفشل التحليل فالخطأ عادة في اللصق (علامات وورد، توكن مقصوص، قوس ناقص). أصلح المصدر ثم أعد التشغيل.

إن كنت تبني شيئًا سيظهر على 1CLIK نفسها فاختبر في الثيم الحقيقي — هذا الملعب لا يحمّل CSS الإنتاج للبوابة.

خطوات سريعة

  1. الصق فقط المقطع الذي ترتاح لوجوده على جهازك.
  2. شغّل المعاينة.
  3. انسخ الناتج إلى محررك.
  4. امسح الصندوق عند الانتهاء.

العمل يبقى في المتصفح ما لم تحفظ مسودة طوعًا على أداة تدعم الحسابات.

أسئلة شائعة

هل تنفّذون JavaScript على السيرفر؟

لا. المعاينة تعمل في متصفحك.

هل أحمّل حزم npm؟

لا. هذه معاينة صغيرة وليست أداة بناء.

CSS للاتجاه RTL؟

الصق القواعد ثم راجعها على صفحة حقيقية باتجاه من اليمين.

الخطوة التالية

سياسات الموقع: الخصوصية · الشروط