Skip to main content

Google Transliterate API - Simple Online editor in Javascript to type in your own language

Javascript based simple Online editor to type in your own language
Google Transliterate API Integration

It's great to type contents to your website in your own language. Google provides a simple Javascript based Language editor, which can be implemented on your website.The name of the API is Google Transliterate API. The code is simple and very easy to understand and integrate. Here you have to define a pair of languages, ie, a Source language and a Destination language. The content you type on editor using the source language is converted to the destination language. While type user will be provided options to choose exact word.

You may use the following code to create your own JS based Transliterator.

Copy the script and save as "mytranslator.html" and see the fun.

<title>My Language Editor</title>
<script type="text/javascript" src=""></script>

<script type="text/javascript">

// Load the Google Transliteration API
google.load("elements", "1", { packages: "transliteration"

function onLoad() {
var options = {
sourceLanguage: 'en',
destinationLanguage: ['ml'],
shortcutKey: 'ctrl+g',
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 = [ "transl1" ];

// Show the transliteration control which can be used to toggle between
// English and Hindi.

<table width="100%" border="0">
<td> <div id='translControl' style="width:50px; float:left"></div>
<div style="width:200px; float:left" class="txtlabel">Click here to change language</div> </td>
<td><textarea name="content" cols="50" rows="50" class="formTextarea" id="transl1" style="width:475px; height:450px;"></textarea></td>

In the above script I had used Source language as "English"

sourceLanguage: 'en'

and Destination language as "Malayalam"

destinationLanguage: ['ml']

list of available source Language and Detination languages are given here

For language code check :

For more details on this please visit Google Transliterate API Developer's Guide

Some other Tools:

Popular posts from this blog

How to apply for a new ration card and what are the documents required?

List of documents required for new ration card application in Kerala and how to apply

Application for a new ration card should be addressed to Taluk Supply Officer (TSO) / City Rationing Officer (CRO) of applicant's residing area.

Primary document required are Residence certificate, Income certificate and incase the applicant's name is in another ration card then he/she should submit the reduction certificate ontained from previous TSO / CRO as proof for removing his/her name from old Ration card.

You can get the new application from your currently residing Taluk Supply Office.

Payback Points - How to redeem - How to merge multiple payback accounts - Block Payback card - Payback customer care

Joomla and Forum Integration - Integrating Forums to Joomla

Joomla is one of the most popular CMS opensource packages. It is very easier to develop website's using Joomla. You just need to download Joomla package from Joomla's Official website  and install it on your domain and later adding customizations to templates and feature and Your website is ready :). Now a days most websites provides a forum section for it users for discussing various article topics, gathering opinions etc.

Following are some best know forum opensource packages which can be integrated with Joomla and create a new forum experience for users

Urgent Openings for PHP trainees, Andriod / IOS developers and PHP developers in Kochi Trivandrum Calicut and Bangalore. Please Send Your updated resumes to   Read more »
Search This Blog