Javascript 如何在引导标签输入中使用google音译API？

我正在尝试在输入字段中使用google Translation API，我已经输入了引导标记，但音译API不起作用。如果我从输入字段中删除引导标记输入，则音译API可以工作，但我需要引导标记输入和音译API

        <p>
         <input type="text" class="form-control" name="tag_widget" value=""  style="width:100px;" id="tag_widget" data-role="tagsinput">

        </p> 

        <script type="text/javascript">      

     // Load the Google Transliteration API      

     google.load("elements", "1", {            

          packages: "transliteration"          

      });



var lang= decodeURIComponent("ne");

var e= 1;



  function onLoad() {

    var options = {

      sourceLanguage: 'en',            

      destinationLanguage: ['ne'],    //'hi','kn','ml','ta','te'

      shortcutKey: 'ctrl+g',   

      transliterationEnabled: e

    };



    var control =

        new google.elements.transliteration.TransliterationControl(options);



     var textArea=document.getElementById("tag_widget");
    //var textArea=$('.bootstrap-tagsinput span').val();

    var ids = [textArea];

    control.makeTransliteratable(ids);

     control.showControl('translControl');  
     $('#tag_widget').tagsinput('refresh');        

  }

  google.setOnLoadCallback(onLoad);

这是我的实现代码

        <p>
         <input type="text" class="form-control" name="tag_widget" value=""  style="width:100px;" id="tag_widget" data-role="tagsinput">

        </p> 

        <script type="text/javascript">      

     // Load the Google Transliteration API      

     google.load("elements", "1", {            

          packages: "transliteration"          

      });



var lang= decodeURIComponent("ne");

var e= 1;



  function onLoad() {

    var options = {

      sourceLanguage: 'en',            

      destinationLanguage: ['ne'],    //'hi','kn','ml','ta','te'

      shortcutKey: 'ctrl+g',   

      transliterationEnabled: e

    };



    var control =

        new google.elements.transliteration.TransliterationControl(options);



     var textArea=document.getElementById("tag_widget");
    //var textArea=$('.bootstrap-tagsinput span').val();

    var ids = [textArea];

    control.makeTransliteratable(ids);

     control.showControl('translControl');  
     $('#tag_widget').tagsinput('refresh');        

  }

  google.setOnLoadCallback(onLoad);

用逗号分隔您的标签：

        <p>
         <input type="text" class="form-control" name="tag_widget" value=""  style="width:100px;" id="tag_widget" data-role="tagsinput">

        </p> 

        <script type="text/javascript">      

     // Load the Google Transliteration API      

     google.load("elements", "1", {            

          packages: "transliteration"          

      });



var lang= decodeURIComponent("ne");

var e= 1;



  function onLoad() {

    var options = {

      sourceLanguage: 'en',            

      destinationLanguage: ['ne'],    //'hi','kn','ml','ta','te'

      shortcutKey: 'ctrl+g',   

      transliterationEnabled: e

    };



    var control =

        new google.elements.transliteration.TransliterationControl(options);



     var textArea=document.getElementById("tag_widget");
    //var textArea=$('.bootstrap-tagsinput span').val();

    var ids = [textArea];

    control.makeTransliteratable(ids);

     control.showControl('translControl');  
     $('#tag_widget').tagsinput('refresh');        

  }

  google.setOnLoadCallback(onLoad);

        <p>
         <input type="text" class="form-control" name="tag_widget" value=""  style="width:100px;" id="tag_widget" data-role="tagsinput">

        </p> 

        <script type="text/javascript">      

     // Load the Google Transliteration API      

     google.load("elements", "1", {            

          packages: "transliteration"          

      });



var lang= decodeURIComponent("ne");

var e= 1;



  function onLoad() {

    var options = {

      sourceLanguage: 'en',            

      destinationLanguage: ['ne'],    //'hi','kn','ml','ta','te'

      shortcutKey: 'ctrl+g',   

      transliterationEnabled: e

    };



    var control =

        new google.elements.transliteration.TransliterationControl(options);



     var textArea=document.getElementById("tag_widget");
    //var textArea=$('.bootstrap-tagsinput span').val();

    var ids = [textArea];

    control.makeTransliteratable(ids);

     control.showControl('translControl');  
     $('#tag_widget').tagsinput('refresh');        

  }

  google.setOnLoadCallback(onLoad);

//加载Google音译API
load（“元素”，“1”，{
包装：“音译”
});
var lang=解码元件（“ne”）；
变量e=1；
函数onLoad（）{
变量选项={
sourceLanguage:'en'，
目的语：['ne']，//'hi'，'kn'，'ml'，'ta'，'te'
快捷键：“ctrl+g”，
音译：e
};
无功控制=
新的google.elements.Translation.TranslationControl（选项）；
var textArea=document.getElementById（“tag_小部件”）；
//var textArea=$（'.bootstrap标记输入span'）.val（）；
变量id=[textArea]；
控件。使可音译（ids）；
控件。showControl（“transcontrol”）；
$（'#tag_widget'）.tagsinput（'refresh'）；
}
setOnLoadCallback（onLoad）；

        <p>
         <input type="text" class="form-control" name="tag_widget" value=""  style="width:100px;" id="tag_widget" data-role="tagsinput">

        </p> 

        <script type="text/javascript">      

     // Load the Google Transliteration API      

     google.load("elements", "1", {            

          packages: "transliteration"          

      });



var lang= decodeURIComponent("ne");

var e= 1;



  function onLoad() {

    var options = {

      sourceLanguage: 'en',            

      destinationLanguage: ['ne'],    //'hi','kn','ml','ta','te'

      shortcutKey: 'ctrl+g',   

      transliterationEnabled: e

    };



    var control =

        new google.elements.transliteration.TransliterationControl(options);



     var textArea=document.getElementById("tag_widget");
    //var textArea=$('.bootstrap-tagsinput span').val();

    var ids = [textArea];

    control.makeTransliteratable(ids);

     control.showControl('translControl');  
     $('#tag_widget').tagsinput('refresh');        

  }

  google.setOnLoadCallback(onLoad);

---

assets/bootstrap tagsinput/bootstrap tagsinput.js“>您可以在输入ta之间尝试id='id'

        <p>
         <input type="text" class="form-control" name="tag_widget" value=""  style="width:100px;" id="tag_widget" data-role="tagsinput">

        </p> 

        <script type="text/javascript">      

     // Load the Google Transliteration API      

     google.load("elements", "1", {            

          packages: "transliteration"          

      });



var lang= decodeURIComponent("ne");

var e= 1;



  function onLoad() {

    var options = {

      sourceLanguage: 'en',            

      destinationLanguage: ['ne'],    //'hi','kn','ml','ta','te'

      shortcutKey: 'ctrl+g',   

      transliterationEnabled: e

    };



    var control =

        new google.elements.transliteration.TransliterationControl(options);



     var textArea=document.getElementById("tag_widget");
    //var textArea=$('.bootstrap-tagsinput span').val();

    var ids = [textArea];

    control.makeTransliteratable(ids);

     control.showControl('translControl');  
     $('#tag_widget').tagsinput('refresh');        

  }

  google.setOnLoadCallback(onLoad);

<input type="text" class="form-control" name="tag_widget" value="" style="width:100px;" id="ids" data-role="tagsinput">

---

您可以在输入ta之间尝试id='ids'

        <p>
         <input type="text" class="form-control" name="tag_widget" value=""  style="width:100px;" id="tag_widget" data-role="tagsinput">

        </p> 

        <script type="text/javascript">      

     // Load the Google Transliteration API      

     google.load("elements", "1", {            

          packages: "transliteration"          

      });



var lang= decodeURIComponent("ne");

var e= 1;



  function onLoad() {

    var options = {

      sourceLanguage: 'en',            

      destinationLanguage: ['ne'],    //'hi','kn','ml','ta','te'

      shortcutKey: 'ctrl+g',   

      transliterationEnabled: e

    };



    var control =

        new google.elements.transliteration.TransliterationControl(options);



     var textArea=document.getElementById("tag_widget");
    //var textArea=$('.bootstrap-tagsinput span').val();

    var ids = [textArea];

    control.makeTransliteratable(ids);

     control.showControl('translControl');  
     $('#tag_widget').tagsinput('refresh');        

  }

  google.setOnLoadCallback(onLoad);

<input type="text" class="form-control" name="tag_widget" value="" style="width:100px;" id="ids" data-role="tagsinput">