আপনার ওয়েবসাইটের যেকোনো input tag এবং textarea field-এ খুব সহজেই বাংলা টাইপিং সুবিধা যোগ করতে পারবেন banglaKeyboard.js JavaScript লাইব্রেরি ব্যবহার করে।
banglaKeyboard.js একটি ছোট, দ্রুত এবং সহজে ব্যবহারযোগ্য JavaScript লাইব্রেরি। এটি এমনভাবে তৈরি করা হয়েছে যাতে খুব কম কোড ব্যবহার করেই আপনার ওয়েবসাইটে English to Bangla Phonetic Typing সুবিধা যোগ করা যায়।
এর সবচেয়ে ভালো দিক হলো - আপনাকে আলাদা করে কোনো বড় keyboard system তৈরি করতে হবে না। মাত্র কয়েকটি লাইন কোড ব্যবহার করেই আপনার ওয়েবসাইটের input field বা textarea-তে বাংলা টাইপিং সুবিধা চালু করতে পারবেন।
banglaKeyboard.js কী?
banglaKeyboard.js হলো একটি JavaScript-based Bangla Phonetic Keyboard Library, যার মাধ্যমে ব্যবহারকারী সাধারণ ইংরেজি কিবোর্ড ব্যবহার করে বাংলা লিখতে পারবেন।
উদাহরণ:
ami banglay likhi
টাইপ করলে বাংলা লেখা পাওয়া যাবে:আমি বাংলায় লিখি
অর্থাৎ ব্যবহারকারীকে আলাদা কোনো বাংলা কিবোর্ড layout মনে রাখার প্রয়োজন নেই। সাধারণ ইংরেজি কিবোর্ড ব্যবহার করেই সহজে বাংলা লেখা যায়।
কীভাবে banglaKeyboard.js আপনার ওয়েবসাইটে যুক্ত করবেন?
এটি যেকোনো HTML website-এ যুক্ত করা খুবই সহজ।
প্রথমে আপনার HTML ফাইলের tag-এর মধ্যে banglaKeyboard.js-এর CDN যুক্ত করুন।
এরপর যে input অথবা textarea field-এ বাংলা টাইপিং সুবিধা দিতে চান, সেখানে শুধু bengalikeyboard attribute যোগ করুন।
নিচের সম্পূর্ণ উদাহরণটি দেখুন:
`<!DOCTYPE html>
<!-- Add CDN in head tag -->
ENGLISH TO BANGLA CONVERT KEYBOARD
Please type anything..
<!-- Add banglaKeyboard in textarea tag -->
<textarea id="tname" bengalikeyboard name="fildname" rows="10" cols="55"></textarea>
</body>
Input Tag-এ বাংলা টাইপিং চালু করুন
শুধু textarea নয়, চাইলে যেকোনো input field-এও বাংলা টাইপিং সুবিধা চালু করতে পারবেন।
উদাহরণ:
bengalikeyboard
placeholder="বাংলায় লিখুন">`
এখন এই input field-এও English keyboard ব্যবহার করে বাংলা লেখা যাবে।
একাধিক Input ও Textarea-তে ব্যবহার
আপনার ওয়েবসাইটে যদি একাধিক input এবং textarea থাকে, তাহলে যেসব field-এ বাংলা টাইপিং প্রয়োজন সেসব field-এ শুধু bengalikeyboard attribute যোগ করুন।
উদাহরণ:
এভাবে একই ওয়েবসাইটের একাধিক field-এ বাংলা টাইপিং সুবিধা ব্যবহার করা যাবে।
banglaKeyboard.js-এর সুবিধা
1️⃣ English Keyboard ব্যবহার করে বাংলা টাইপ
আপনার সাধারণ English keyboard ব্যবহার করেই বাংলা লেখা যাবে।
বাংলা keyboard layout আলাদাভাবে মনে রাখার প্রয়োজন নেই।
উদাহরণ:
amar nam ramu
এর মাধ্যমে বাংলা লেখা তৈরি করা যাবে:
আমার নাম রামু
2️⃣ Phonetic Bangla Typing
banglaKeyboard.js একটি phonetic typing system হিসেবে কাজ করে।
অর্থাৎ আপনি বাংলা শব্দের উচ্চারণ অনুযায়ী English অক্ষরে টাইপ করতে পারবেন।
যেমন:
ami bangla likhi
→
আমি বাংলা লিখি
এতে নতুন ব্যবহারকারীদের জন্য বাংলা টাইপ করা অনেক সহজ হয়ে যায়।
3️⃣ PC এবং Mobile উভয়েই ব্যবহারযোগ্য
banglaKeyboard.js এমনভাবে তৈরি করা হয়েছে যাতে Desktop এবং Mobile browser - উভয় ক্ষেত্রেই বাংলা টাইপিং সুবিধা ব্যবহার করা যায়।
অর্থাৎ আপনার website যদি responsive হয়, তাহলে একই Bangla typing system বিভিন্ন ধরনের device-এ ব্যবহার করা সম্ভব।
4️⃣ ব্যবহার করা অত্যন্ত সহজ
এটি ব্যবহার করার জন্য কোনো জটিল configuration-এর প্রয়োজন নেই।
মূলত দুটি কাজ করলেই হবে:
প্রথমে JavaScript library যুক্ত করুন:
<script src="https://cdn.jsdelivr.net/gh/priyabrata-patra/banglakeyboard.js@main/banglakeyboard.js"></script>
তারপর যে field-এ বাংলা টাইপিং চান সেখানে:
bengalikeyboard
attribute যোগ করুন।
ব্যস! আপনার website-এ বাংলা typing সুবিধা চালু হয়ে যাবে।
5️⃣ Lightweight JavaScript Library
banglaKeyboard.js খুব কম কোড ব্যবহার করে তৈরি করা হয়েছে।
এর ফলে এটি তুলনামূলকভাবে ছোট এবং দ্রুত load করার জন্য উপযোগী। আপনার website-এর মূল functionality-এর পাশাপাশি Bangla typing সুবিধা যোগ করার জন্য এটি সহজ একটি solution হতে পারে।
🔧 সম্পূর্ণ Demo
নিচের উদাহরণে একই সঙ্গে input এবং textarea-তে বাংলা টাইপিং সুবিধা দেখানো হয়েছে:
`<!DOCTYPE html>
<script src="https://cdn.jsdelivr.net/gh/priyabrata-patra/banglakeyboard.js@main/banglakeyboard.js"></script>
Bangla Keyboard Demo
English keyboard ব্যবহার করে বাংলা লিখুন।
<input
type="text"
bengalikeyboard
placeholder="এখানে বাংলা লিখুন">
<textarea
bengalikeyboard
rows="10"
cols="55"
placeholder="এখানে বাংলা লিখুন...">
</textarea>
`
🎯 কারা banglaKeyboard.js ব্যবহার করতে পারেন?
এই লাইব্রেরিটি বিভিন্ন ধরনের website এবং web application-এ ব্যবহার করা যেতে পারে।
যেমন:
📝 বাংলা Blogging Website
💬 Comment System
📩 Contact Form
📚 Online Learning Website
📰 News Website
📋 Online Form
👤 Registration Form
🔎 Search Box
💻 Web Application
🛒 E-commerce Website
🗣️ বাংলা Content Writing Website
যেকোনো জায়গায় যেখানে ব্যবহারকারীর কাছ থেকে বাংলা লেখা নেওয়ার প্রয়োজন হয়, সেখানে এটি ব্যবহার করা যেতে পারে।
⚡ মাত্র কয়েক লাইনে বাংলা Typing
banglaKeyboard.js-এর মূল লক্ষ্য হলো সহজভাবে বাংলা টাইপিং সুবিধা দেওয়া।
আপনাকে বড় কোনো JavaScript code লিখতে হবে না।
শুধু:
<script src="https://cdn.jsdelivr.net/gh/priyabrata-patra/banglakeyboard.js@main/banglakeyboard.js"></script>
এবং:
এই ধরনের অল্প কোডের মাধ্যমেই আপনার website-এর নির্দিষ্ট field-এ বাংলা typing সুবিধা যুক্ত করতে পারবেন।
❤️ কেন banglaKeyboard.js?
বাংলা ভাষায় website তৈরি করার সময় ব্যবহারকারীর জন্য সহজে বাংলা লেখার ব্যবস্থা থাকা গুরুত্বপূর্ণ।
একজন ব্যবহারকারী যদি নিজের কম্পিউটার বা মোবাইলে বাংলা keyboard setup না করেও English keyboard দিয়ে বাংলা লিখতে পারেন, তাহলে website ব্যবহার করা আরও সহজ হয়ে যায়।
banglaKeyboard.js সেই কাজটিই সহজভাবে করার জন্য তৈরি করা হয়েছে।
সহজ • দ্রুত • Lightweight • Phonetic Bangla Typing
🔗 GitHub Repository
banglaKeyboard.js সম্পর্কে আরও বিস্তারিত জানতে, source code দেখতে এবং এর সর্বশেষ version সম্পর্কে জানতে GitHub repository-তে একবার ঘুরে আসুন।
GitHub:
https://github.com/priyabrata-patra/banglakeyboard.js
Top comments (0)