Как использовать API транслитерации google в загрузочных тегах?

Question

Я пытаюсь использовать API транслитерации google в поле ввода, которое я ввел в себя теги загрузочного тега, но 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 ">

Answer 1

Вы можете попробовать ID = 'иды' между входом ta

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