محرر HTML عبر الإنترنت

تعمل المعاينة داخل إطار iframe محجوز (sandbox) مع السماح بالسكربتات ولكن تعطيل الوصول لنفس المصدر، لذا لا يمكن للكود في المعاينة قراءة أو تعديل هذه الصفحة أو ملفات تعريف الارتباط أو التخزين المحلي الخاص بك. ومع ذلك، يمكنه داخل ذلك الحجز تشغيل JavaScript بحرية، أو فتح صناديق تنبيه، أو إجراء طلبات شبكة، تماماً كأي صفحة ويب أخرى، فاستمر في معاملة أي كود تلصقه من مصدر غير موثوق كما لو كنت تشغّله في علامة تبويب متصفح جديدة.

تلفّ الأداة CSS الخاص بك في علامة <style> داخل رأس المستند، وتضع HTML الخاص بك مباشرة في الجسم، وتضيف JavaScript الخاص بك في علامة <script> في نهاية الجسم، تماماً مثل مستند HTML نموذجي من صفحة واحدة، ثم تحمّل هذا المستند المدمج في المعاينة.

نعم، يحفظ زر "تنزيل كملف .html" نفس المستند المدمج المعروض في المعاينة بالضبط كملف index.html واحد، جاهز للفتح مباشرة في متصفح أو الرفع إلى خادم ويب.

نعم، تتحدّث المعاينة تلقائياً بعد لحظة قصيرة من توقفك عن الكتابة في أي من اللوحات الثلاث، لتتمكن من رؤية تأثير تغييراتك دون النقر على زر تشغيل منفصل.

المعاينة هي مستند متصفح حقيقي ومعزول، فيذهب ناتج console.log إلى وحدة تحكم ذلك المستند نفسه، لا إلى هذه الصفحة. افتح أدوات المطور في متصفحك واختر سياق إطار المعاينة لرؤية ناتج وحدة التحكم، أو استخدم alert() للتحقق السريع المرئي بدلاً من ذلك.