مرحبًا بك! هذه الأداة تساعدك على تحضير أي كود برمجي وعرضه بشكل جميل ومنظم في صفحة الويب الخاصة بك.
1. اختر اللغة: (اختياري) حدد لغة الكود لمساعدتك في التنظيم وتطبيق التنسيق المناسب.
2. أضف بيانات وصفية: (اختياري) يمكنك إضافة تعليق للملف (مثل `.html`) أو مسار المصدر (مثل `src/index.html`).
3. الصق الكود: ضع الكود البرمجي الخام في مربع النص المخصص للإدخال.
4. تحويل ومعاينة: اضغط على زر "تحويل ومعاينة الكود" لترى كيف سيبدو الكود النهائي، وكيف سيُعرض في صفحة الويب.
5. انسخ الكود الجاهز: انسخ الكود من حقل "الكود الجاهز لـ HTML" والصقه مباشرةً في ملف HTML الخاص بك.
استخدم قسم "مساعد التمييز (<mark>) وعلامات لوحة المفاتيح (<kbd>)" لإنشاء أجزاء مميزة أو علامات لوحة مفاتيح بسهولة، ثم الصقها في كودك الرئيسي.
الكود الجاهز لـ HTML (لصقه في صفحة الويب):
مساعد التمييز (<mark>) وعلامات لوحة المفاتيح (<kbd>)
استخدم هذا القسم لإنشاء أجزاء مميزة من الكود أو علامات لوحة المفاتيح. الصق النص في الحقل ثم اختر نوع التمييز. انسخ الناتج والصقه مباشرة في حقل الكود البرمجي الرئيسي أعلاه.
معاينة الكود في المتصفح:
ملاحظة: هذه المعاينة تعرض الكود المدخل كما هو. لاحظ أن التمييز اللوني (Syntax Highlighting) يتم إجراؤه بواسطة مكتبة Highlight.js في هذه المعاينة.