使用JavaScript输入印地语

时间:2018-11-16 10:50:15

标签: javascript jsapi

我正在开发一个印地语字体的网站。要求是用户应该能够输入印地语,或者如果用户在文本区域中复制内容,它将自动转换为印地语。

使用下面给出的代码,当用户键入任何单词,例如“ welcom ”,然后键入空格时,它将自动转换为“ वेल로म”,但是下面给出的代码无法像用户将“ aaj ghar jana hai ”复制到文本区域一样将完整的句子转换为印地语,它将仅转换为印地语的最后一个单词,而不转换为完整的句子。但是我的要求是也将句子转换成印地语,而不是唯一的单词。

实施是-

<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>How to type in Hindi language in text box</title>   
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
    <script type="text/javascript" src="https://www.google.com/jsapi"></script>
    <script type="text/javascript">
      // Load the Google Transliterate API
      google.load("elements", "1", {
            packages: "transliteration"
          });
      function onLoad() {     
                var options = {
                        sourceLanguage: 'en',
                        destinationLanguage: [google.elements.transliteration.LanguageCode.HINDI],         
                        transliterationEnabled: true
                };   

                var control = new google.elements.transliteration.TransliterationControl(options);  
                var ids = [ "first_name"];  
                alert(ids);
                control.makeTransliteratable(ids);
        }
      google.setOnLoadCallback(onLoad);
    </script>
</head>
<body>
    <table width="50%" style="border:1px solid #06F;background-color:#CFC">
     <tR>
         <td>Input :</td>
            <Td><input type="text" name="first_name" id="first_name"></Td>
        </tR>
    </table>
</body>
</html>

请帮助。

0 个答案:

没有答案