এমন একটা সময় ছিল যখন ইন্টারনেট এ বাংলা লিখা ছিল অনেক কষ্টের কাজ, এখন দেখে ভালই লাগে যখন দেখি সবাই ফেইসবুক এ বাংলাতে স্টেটাস দিচ্ছে । বাংলা লিখার জন্য যেমন ডেস্কটপ সফটওয়্যার আছে তেমন ওয়েব এর জন্যও অনেক টুলস আছে যেগুলো দিয়ে সহজেই বাংলা লিখা যাই । বাংলা নিউজপেপার, বাংলা ব্লগ সব জায়গায় বাংলাতে লিখার জন্য আমরা অনেক টুলস যুক্ত করি । গুগল এর একটা টুলস আছে যেটা গুগল গত ২০১১ সালে বন্ধ করে দিয়েছে, কিন্তু আমরা এখনো সেটা ব্যবহার করতে পারি । জানি না কবে বন্ধ হয়ে যাবে, তবে এখুনো যেহেতু বন্ধ হয় নাই, আসুন আমরা আমাদের ওয়েবসাইট এ কি ভাবে যুক্ত করতে পারি দেখে নেই ….
আসুন প্রথমে ডেমো দেখে নেই এখানে ক্লিক করুন
এইচটিএমএল
|
1 2 |
<div id="changeKeyboard"></div> <textarea rows="10" class="bangla_key" id="bangla_key" style="width:100%"></textarea> |
জাভা স্ক্রিপ্ট
|
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 |
<script type="text/javascript" src="https://www.google.com/jsapi?key=ABQIAAAAET5doTHvpUVhzlhu4ctA-BTLmYmHK7iqlZtQ7ejesRj9dCq77BS7MnCwA7XA-fdPnUOtmH4T6kObjQ"></script> <script type="text/javascript"> // Load the Google Transliteration API google.load("elements", "1", {packages:"transliteration"}); function onLoad() { var options = {sourceLanguage:'en',destinationLanguage:'bn', shortcutKey: 'ctrl+b',transliterationEnabled: true}; // Create an instance on TransliterationControl with the required options. var control=new google.elements.transliteration.TransliterationControl(options); // Enable transliteration in the textfields with the given ids. var ids = ["bangla_key"]; control.makeTransliteratable(ids); // Show the transliteration control which can be used to toggle between en/bn control.showControl('changeKeyboard'); } google.setOnLoadCallback(onLoad); </script> |
সম্পূর্ণ কোড
|
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 |
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> <title>বাংলা লিখুন গুগল এপিআই ব্যবহার করে </title> </head> <body> <h1>বাংলা লিখুন গুগল এপিআই ব্যবহার করে</h1> <div class="entry-content"> <script type="text/javascript" src="https://www.google.com/jsapi?key=ABQIAAAAET5doTHvpUVhzlhu4ctA-BTLmYmHK7iqlZtQ7ejesRj9dCq77BS7MnCwA7XA-fdPnUOtmH4T6kObjQ"></script> <script type="text/javascript"> // Load the Google Transliteration API google.load("elements", "1", {packages:"transliteration"}); function onLoad() { var options = {sourceLanguage:'en',destinationLanguage:'bn', shortcutKey: 'ctrl+b',transliterationEnabled: true}; // Create an instance on TransliterationControl with the required options. var control=new google.elements.transliteration.TransliterationControl(options); // Enable transliteration in the textfields with the given ids. var ids = ["bangla_key"]; control.makeTransliteratable(ids); // Show the transliteration control which can be used to toggle between en/bn control.showControl('changeKeyboard'); } google.setOnLoadCallback(onLoad); </script> <div id="changeKeyboard"></div> <textarea rows="10" class="bangla_key" id="bangla_key" style="width:100%"></textarea> </body> </html> |