محرر HTML و CSS

يوفر هذا الأداة بيئة تحرير HTML/CSS بدون خادم في المتصفح، وتعرض النتائج في الوقت الفعلي. الجمهور المستهدف يشمل مطوري الواجهة الأمامية، المصممين، الطلاب، والمعلمين الذين يحتاجون إلى نمذجة صفحات، اختبار الترميز ومشاركة الشفرة بدون أدوات محلية. متى تستخدم: صفحات إثبات المفهوم السريعة، عروض تعليمية أو مراجعات العملاء.
المنطق الأساسي والميزات: يقبل HTML وCSS وJavaScript اختياري كمدخلات منفصلة ويولّد معاينة sandbox. الميزات المطلوبة: تحليل المدخلات، عرض Sandbox والتصدير. الاختياري/المتقدم: تمييز الصيغة، التحقق من HTML5/CSS3، الحفظ التلقائي/تاريخ الإصدارات، القوالب وتضمين الأصول عبر عناوين URL.
المدخلات والمخرجات: المدخلات: html_code (سلسلة)، css_code (سلسلة)، js_code (سلسلة، اختياري)، doctype (سلسلة، HTML5 افتراضي)، assets (مصوفة، اختياري). المخرجات: rendered_preview (HTML)، بيانات خطأ منظّمة، وحزم ملفات مُصدّرة عند الطلب.
الخوارزميات والحسابات: العرض يعتمد على التحليل في المتصفح وبناء DOM؛ يتم تطبيق CSS عبر كتلة أسلوب محدودة النطاق؛ الأمان: iframe sandbox؛ يتم توليد التصدير كـ ZIP أو كملفات منفصلة. يتم إنتاج تشخيصات الأخطاء كرسائل منسّقة لمشاكل الصيغة أو التشغيل.
الأخطاء والحالات الحدّيّة: إدخالات مفقودة تولّد معاينة فارغة؛ الترميز غير الصحيح يحفّز رسائل تشخيص؛ قد يتم تقليل الإدخالات الكبيرة مع رموز أخطاء؛ أصول خارجية قد تفشل في التحميل دون كسر المعاينة؛ يتم وصف البدائل في التشخيصات.
الصناعة/المناطق والتوطين: معايير ويب عالمية؛ ترميز UTF-8؛ مستقل عن التوطين؛ لا معالجة عملات؛ القوالب تدعم صيغ التاريخ US/UK حسب استخدام الأداة، لكن المحرر الأساسي يظل مستقلاً عن التوطين.
الافتراضات والاستثناءات: عرض من جانب العميل في صندوق آمن؛ بدون معالجة من جانب الخادم بشكل افتراضي؛ ليس محرر IDE كامل؛ الميزات المتقدمة تتطلب تفعيلًا صريحًا.