Translate english to hindi by google api

December 8, 2010 | In: ajax, javascript, php, web development

Sometimes we need to develop a website with Hindi font. But main problem is how to insert content in Hindi in admin panel. so here is a solution by this admin can enter content in Hindi font.
It will work like: When admin type any word like ‘welcm‘ and then type space it will automatically convert into ‘वेलकम

    <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
    <title>Translate English to Hindi</title>
    <script type="text/javascript" src=""></script>
    <script type="text/javascript">
      google.load("elements", "1", {
            packages: "transliteration"
      function onLoad() {
        var options = {
            shortcutKey: 'ctrl+g',
            transliterationEnabled: true
        var control =
            new google.elements.transliteration.TransliterationControl(options);
        // Enable transliteration in the editable elements with id
        // 'transliterateDiv'.
  	<textarea name="description" cols="100" rows="10" style="border:1px solid #999999; color:#333333; font-size:12px;" id="transliterateDiv"></textarea>
  	<textarea name="description2" cols="100" rows="10" style="border:1px solid #999999; color:#333333; font-size:12px;" id="transliterateDiv2"></textarea>