محرر HTML/CSS

يركّز هذا المحرر المستند إلى المتصفح على HTML وCSS وJavaScript للنمذجة السريعة والتعلّم في الواجهة الأمامية. يوفر مجالات إدخال منفصلة لكل لغة، وصندوق رمل آمن لتشغيل الكود ومعاينة حية للنتائج. يستهدف الأفراد المطورين والطلاب والفرق الذين يريدون تجربة، والتحقق من سلوك واجهة المستخدم، ومشاركة أمثلة قابلة للتشغيل بدون إعداد محلي. يؤكّد الدقة والتنفيذ بدلاً من إدارة المشاريع.
في المفهوم، يتدفق الكود من المدخلات إلى صندوق رمل مُعرض. HTML يحدد البنية، CSS يطبق التصميم، وJavaScript يحرك التفاعل. يجري النظام تحققاً بسيطاً من بنية HTML/CSS ويفحص بنية JavaScript قبل التشغيل. جميع الأكواد تعمل داخل iframe مع صندوق الرمل لمنع الوصول إلى صفحة المستضيف وتقليل مخاطر الأمان.
تشمل الميزات الأساسية: ثلاث مناطق لإدخال الكود، مشغل iframe آمن، تسجيل وحدة التحكم وخيارات استيراد مكتبات خارجية عبر CDN. المخرجات تشمل العرض الحي، سجلات وحدة التحكم وتقرير أخطاء منسّق مع إشارات السطر. التحسينات الاختيارية تشمل تنسيق الكود، حفظ ملفات متعددة وتصدير المقاطع كملفات مستقلة.
الجمهور والقيمة: المبرمجون يلاحظون دوريات تكرار أسرع، المعلمون يستخدمونه للعروض التقديمية، والفرق تستخدمه لمشاركة عروض مع أصحاب المصلحة. السمات الفريدة هي العمل بالكامل في المتصفح، تعليقات التنفيذ الفورية، وتحميل التبDependencies المدمج دون إعداد. الاستخدامات النموذجية تشمل نمذجة مكونات الواجهة، اختبار بناء وترابط markup والتفاعل، تعليم مفاهيم الويب وإعداد عروض قابلة للتشغيل ومشاركتها.