إدراج الأكواد في التدوينات


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

والسبب في ذلك أن المتصفح يحاول أن يترجم او يفسر  محتوى الأكواد  وعرضها، والحل هو إيجاد طريقة تجعل المتصفح يتجاهل هذه الأكواد ويتعامل معها كباقي محتويات التدوينة ، أي كنص عادي وهذا ما سنوضحه في هذه التدوينة وتوجد عدة طرق للقيام بذلك نذكر منها:

أولا: يتعين التحول إلى وضع " تحرير html"  استعمال الوسم <pre>  ذلك أن كل كود وضعته بين وسمي البداية <pre> ووسم النهاية </pre> سيتم تجاهله من قبل المتصفح ويتعامل معه مثل أي نص عادي يتكون من كلمات عادية أي أن المصنف لن يقوم بترجمته لعرضه وبالتالي سيتم نشره بسهولة

استعمال  المزدوجتين = blockquote:

وهذه تنفع عندما يكون الكود الذي سيظهر في صلب التدوينة صغيرا ، ولإظهار الكود باستخدام المزدوجتين blockquotes  يجب استعمال هذا الكود في وضع html.

<blockquote> هنا تضع الكود الذي أن يتجاهله المتصفح ويظهر في التدوينة كنص عادي </blockquote>.

Ifram

وهذه الطريقة تصلح بالدرجة الأولى للأكواد الطويلة كأن تريد مثلا أن تظهر أكواد قالب بأكمله  أو قسم منه في صلب التدوينة، وتستعمل لإظهار محتوى من مصدر خارجي داخل التدوينة أي انك تظهر في تدوينتك نصا من الاكواد هو في الحقيقة مستضاف في موقع آخر  وذلك باستدعائه من مصدره بواسطة الربط إليه، ولهذا يجب أن يكون لديك حساب استضافة خارجية عن مدونتك حتى تتمكن من استضافة الأكواد على شكل ملفات وتربط إليها لتظهر في صلب تدويناتك، وهذه قائمة بالمواقع التي توفر استضافة مجانية:

 وهذه ولا شك عملية أصعب من الطريقتين المذكورتين آنفا.لا تقلق كل ما عليك فعله هو أن تعد ملفا بامتداد html  يحتوي على الكود الذي تريد من المتصفح أن يتجاهله وذلك بنسخه في أي محرر نصوص مثل notepad++ أو برنامج المذكرة notepad ثم حفظه بامتداد html .

ثم بعد ذلك قم بتحميله إلى الموقع التي اخترته لاستضافة ملفك خارجيا، وستحصل من الموقع على رابط ملفك الذي ستستعمله للربط إلى ملفك وعرضه في صلب التدوينة .

ثم تحول إلى وضع html  ثم انسخ الكود التالي في المكان الذي تريد أن يظهر فيه الكود :  

<iframe src="هنا تنسخ رابط الملف الذي يحتوي على الكود "><iframe>

  وسيظهر الكود داخل صندوق في صلب التدوينة ، وتجدر الإشارة على انه يمكنك أن تحدد أبعاد الصندوق وحجمه حتى لا يشغل حيزا كبيرا في الصفحة بإضافة بعض الأكواد التي تقوم بهذه المهمة ، فإذا أردت مثلا أن يكون عرضه 400px وارتفاعه 200px  يمكنك إدراجه هكذا :

 <iframe src="http://hosting-provider.com/your-file.html"width="400px" height="200px"><iframe>




إرسال تعليق

2 تعليقات

  1. لكن هناك اكواد ستظهر رغماً عن الصندوق
    مثل كود البحث لا اعرف بأي لغة كتبت


    --------------------
    مدونة

    ردحذف
  2. لم افهم ما تقصد أوضح اكثر من فضلك

    ردحذف