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

تحميلات 2175

حجمه 0.9MB

آخر تحديث له 18-7-2022

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

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


خصائصه

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


معلومة تقنية

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


حقوق النشر

  • يمكنك استخدام هذا المشروع لأغراض تعليمية و تجارية.
  • في حال أردت نشر هذا المشروع في موقع آخر فيجب وضع رابط هذه الصفحة بشكل واضح معه, و بالتالي يجب نسخ هذا الكود ووضعه في الصفحة.
<a href="https://harmash.com/projects/harmash-tryit-editor">من إعداد موقع هرمش</a>

المشروع يتضمن

HTML Javascript CSS Programming

تعليقات 6

أضف تعليق

يجب تسجيل الدخول حتى تتمكن من إضافة تعليق أو رد.

تقييم المشروع

لم تقم بتقييم المشروع بعد!

الدورات

أدوات مساعدة

أقسام الموقع

دورات
مقالات كتب مشاريع أسئلة