부트 스트랩 태그 입력에 google transliteration API를 사용하는 방법은 무엇입니까?

Question

입력 필드에 google transliteration 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); 

자산/부트 스트랩 - tagsinput/부트 스트랩 - tagsinput.js ">

Answer 1

당신은 입력 사이에 아이디 = 'IDS'를 시도 할 수 있습니다 따

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