টেকটিউনসে প্রোগ্রামিং কোড লিখতে ব্যবহার করুন “টেকটিউনস কোড হাইলাইটার”

টেকটিউনস এ অনেক ফিচার এর পাশা পাশি যুক্ত করা হলো কোড হাইলাইটার। এটা আমাদের একটা দাবী পূরন হলো। অনেকে নাও বুঝতে পারেন কোড হাইলাইটার টা কি? কোড হাইলাইটার হলো পোষ্টে লিখিত কোন কোডকে হাইলাইটস করা। সাধারন ভাবে কোড লিখলে তা ভালোভাবে আসে না , তা কোড ভেঙে ভেঙে দেখায়, কোড এর সিম্বল এ ভুল হয়ে যায়। যার কারনে কোডটি ঠিকমত কাজ করে না। ওয়ার্ডপ্রেস এ ডিফুইল্ট কোড লেখার ব্যবস্থা থাকলেও তাতে অনেক সমস্যা হয় , তাই কোড হাইলাইটস করার জন্য টেকটিউনসে যুক্ত হয়েছে "টেকটিউনস কোড হাইলাইটার"

এই কোড হাইলাইটার এর জন্য যে সুবিধাগুলো পাওয়া যাবে

  • Code Escape এর প্রয়োজন নেই
  • কোড এর কোন সিম্বল ভুল দেখাবে না
  • কোডকে অনেক সুন্দর ভাবে ফুটিয়ে তুলবে
  • কোডে লাইন নম্বর দেখা যাবে
  • কোড এর উপর ডাবল ক্লিক করলে কপি করা যাবে

কিভাবে কোড হাইলাইটার ব্যবহার করবেন

কোড হাইলাইটার ব্যবহার করা খুবই সোজা। আপনার প্রোগ্রামিং সোর্স কোডটি দৃশ্যমান বা HTML যেকোন মোডে লিখুন এভাবে

অর্থাৎ, ব্লকের মধ্যে আপনার সোর্স কোড লিখলেই হবে। Code Escape এর কোন প্রয়োজন নেই।

lang এর ভ্যালু যে গুলো হতে পারবে তার লিস্ট দেখে নিন এখানে। লিস্টের "Brush aliases" এর ভ্যালু গুলো lang ভেল্যু হিসাবে ব্যবহার করা যাবে।

সিনট্যাক্স হাইলাইটারের লাইভ উদাহরণ

লিখিত কোড:

আউটপুট:

<?php

/**

 * Add this line of code in your page:

 * <?php include "visitor_information.php"; ?>

 */

// Display IP address

echo "<p>IP Address: " . $_SERVER['REMOTE_ADDR'] . "</p>";

// Display the referrer

echo "<p>Referrer: " . $_SERVER['HTTP_REFERER'] . "</p>";

// Display browser type

echo "<p>Browser: " . $_SERVER['HTTP_USER_AGENT'] . "</p>";

?>

লিখিত কোড:

আউটপুট:

<nav>
<ul>
	<li><a href="#">Home</a></li>
	<li><a href="#">About</a></li>
	<li><a href="#">Clients</a></li>
	<li><a href="#">Contact Us</a></li>
</ul>
</nav>

লিখিত কোড:

আউটপুট:

body {
    background-color:#d0e4fe;
}

h1 {
    color:orange;
    text-align:center;
}

p {
    font-family:"Times New Roman";
    font-size:20px;
}

সবাই ভালো থাকবেন