مشروع محرر ويب

محرر ويب ملائم لجميع أحجام الشاشات و يتيح تجربة لغات الويب الأساسية HTML و CSS و Javascript. يمكن استخدام هذا المحرر لتصميم صفحات ويب احترافية أو لمجرد التمرن على التصميم بشكل تفاعلي حيث أنه يمكنك كتابة الكود و مشاهدة نتيجته بكل سهولة.

المحرر ليس محصور بلغات الويب HTML و CSS و Javascript حيث يمكنك تجربة أي مكتبة تريد فيه مثل Jquery و Bootstrap و UI-Kit و FontAwesome إلخ.. مع الإشارة إلى أنه في حال أردت استخدام أي مكتبة عليك تضمينها في من خلال الروابط الخاصة بها.

خصائصه

• في حال كانت الشاشة كبيرة فإن يتم قسم الشاشة لقسمين قسم يظهر فيه الكود و قسم تظهر فيه النتجية.
• في حال كانت الشاشة كبيرة فإنه يمكن تكبير الأقسام و تصغيرها بواسطة سحب الخط الفاصل بين قسم الكود و قسم النتيجة.
• في حال كانت الشاشة كبيرة فإنه يمكن قسم الشاشة بالطول أو العرض من خلال زر التدوير.
• يمكن تغيير ألوان نافذة الكود بواسطة زر تغيير اللون ليظهر بوضع الضوء أو بالوضع المظلم.
• الكود الذي يتم كتابته في نافذة الكود يمكن تحميله من خلال النقر على زر التحميل و عندها سينزل على جهاز المستخدم كملف HTML.

معلومة تقنية

• القسم الذي يمكن فيه كتابة الكود تم استخدام مكتبة CodeMirror لأجل جعل الكود يتلون فيه.
• كما أننا استخدمنا مكتبة JQuery لأجل جعل كود الجافاسكربت أكثر بساطة خاصةً في الجزئية المتعلقة بتحديد قياسات الشاشة.

حقوق النشر

• يمكنك استخدام هذا المشروع لأغراض تعليمية و تجارية.
• في حال أردت نشر هذا المشروع في موقع آخر فيجب وضع رابط هذه الصفحة بشكل واضح معه, و بالتالي يجب نسخ هذا الكود ووضعه في الصفحة.

<a href="https://harmash.com/projects/harmash-tryit-editor">من إعداد موقع هرمش</a>