আগে কোন ওয়েবসাইটে ইংরেজি কিবোর্ড থেকে বাংলা ইনপুট নিতে চাইলে ব্যবহারকারীর কম্পিউটারে বা ফোনে বাংলা কিবোর্ড থাকতে হতো অথবা ওয়েবসাইটে এমন কোন প্রোগ্রাম যোগ করতে হতো যার সাহায্যে ইংরেজি কিবোর্ড ব্যবহার করে বাংলা টাইপ করা যায়, কিন্তু এই কাজটি ছিল খুব কষ্টসাধ্য ও সময় সাপেক্ষ। আর ঐ সব প্রোগ্রাম কম্পিউটারের ব্রাউজারে মোটামুটি কাজ করলেও ফোনের ব্রাউজারে একেবারেই কাজ করতো না। আর এই সব সমস্যারেই খুব ভালো ভাবে সমাধান করে banglaKeyboard.js ।
banglaKeyboard.js হলো ইংরেজি কিবোর্ড ব্যবহার করে বাংলাটাইপ করার একটি জাভাস্ক্রিপ্ট লাইব্রেরি। এটিকে যে কোন ওয়েবসাইটে যোগ করা খুবেই সহজ এবং এটি মোবাইল এবং কম্পিউটারের সব ব্রাউজারেই খুব ভালো ভাবে কাজ করে। আর এটির সব থেকে ভালো দিক হলো এটি একটি ওপেন সোর্স প্রোগ্রাম।
banglaKeyboard.js এর কাজ :-
banglaKeyboard.js এমন একটি জাভাস্ক্রিপ্ট লাইব্রেরি যার সাহায্যে ইংরেজি keyboard ব্যবহার করে বাংলা টাইপ করা যায়। এটি একটি ফোনেটিক কীবোর্ড। অর্থাত এটি ইংরেজি শব্দ ব্যবহার করে বাংলাটাইপের সুবিধা প্রধান করে। উদাহরণ:- k = ক, kh = খ
এই প্রোগ্রামটি খুব কম জাভাস্ক্রিপ্ট কোড ব্যবহার করে তৈরি করা হয়েছে তাই লোড হতেও বেশি সময় লাগে না।
কি ভাবে banglaKeyboard.js কে আপনার ওয়েবসাইটে যোগ করবেন :-
এটিকে যে কোন ওয়েবসাইটে যোগ করা খুবেই সহজ। প্রথমে banglakeyboard.js ফাইলটি কে GitHub (ফাইলটি GitHub থেকে ডাউনলোড করতে এখানে ক্লিক করুন) থেকে ডাউনলোড করে html কোডের <head> সেকশনে যোগ করতে হবে অবথা নিচের CDN লিঙ্কটি copy করে <head> সেকশনে যোগ করতে হবে।
CDN
<script src="https://static.staticsave.com/bangla/banglakeyboard.js"></script>
তারপর, আপনি যে যে <input> বা <textarea > ফিল্টে ব্যবহারকারীকে banglaKeyboard.js ব্যবহার করে বাংলাটাইপ করার সুবিধা সুবিধা প্রধান করতে চান সেই সব ফিল্টে 'bengalikeyboard' অ্যাট্রিবিউটটি যোগ করে দিন। নিজের উদাহরণটি দেখুন কী ভাবে যোগ করতে হবে।
<!-- ইনপুট ফিল্টে bengaliKeyboard এড-->
<input type="text" id="fname" bengalikeyboard>
<!-- টেক্সট এরিয়া ফিল্টে bengaliKeyboard এড -->
<textarea id="tname" bengalikeyboard name="fildname" rows="4" cols="50"></textarea>
এই সব ঠিক ভাবে করলেই কাজ শেষ। এরপর ইংরেজি কিবোর্ড ব্যবহার করে বাংলাটাইপ করার মজা নিন।
পুরো html কোড এক সাথে :-
<!DOCTYPE html>
<html>
<head>
<title>ENGLISH TO BANGLA CONVERT KEYBOARD</title>
<!-- Add CDN in head tag -->
<script src="https://static.staticsave.com/bangla/banglakeyboard.js"></script>
</head>
<body>
<h1>ENGLISH TO BANGLA CONVERT KEYBOARD</h1>
<div>Please type anything..</div><br>
<!-- Add banglaKeyboard in textarea tag -->
<textarea id="tname" bengalikeyboard name="fildname" rows="10" cols="55"></textarea>
</body>
</html>
শেষ:-
আজকের মতো এখানেই শেষ আবার কোন দিন দেখা হবে নতুন কিছু সাথে। ধন্যবাদ। ভালো থাকুন।