Question

我正在尝试在输入字段中使用谷歌音译API，我已经制作了引导标签输入，但是音译API无法正常工作。如果我从输入字段中删除了引导标签输入，则音译API可以工作，但我需要两个bootstrap标签输入以及音译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);

资产/自举-tagsinput /自举-tagsinput.js＆＃34;＆GT;

Answer 1

你可以试试id =＆＃39; ids＆＃39;在输入ta之间

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

如何在bootstrap标签输入中使用google音译API？

1 个答案: