Bootstrap tagsinput with typeahead - setup and fix https://github.com/TimSchlechter/bootstrap-tagsinput/issues/200

bootstrap-tagsinput-typeahead.js

var $keywordsInput = $('.image-keywords');

$keywordsInput.tagsinput({
    confirmKeys: [13, 59, 188] // 13 - Enter 59 - ; 188 - ,
});

// create a bloodhound suggestion engine
var imageKeywords = new Bloodhound({
    datumTokenizer: Bloodhound.tokenizers.obj.whitespace('value'),
    queryTokenizer: Bloodhound.tokenizers.whitespace,
    remote: {
        url: '/get-keywords-suggestions/%text',
        wildcard: '%text'
    }
});
// initialize the bloodhound suggestion engine
imageKeywords.initialize();

// Adding custom typeahead support using http://twitter.github.io/typeahead.js
$keywordsInput.tagsinput('input').typeahead({
    minLength: 2
}, {
    name: 'image-keywords',
    displayKey: 'value',
    source: imageKeywords.ttAdapter()
}).bind('typeahead:selected', $.proxy(function (obj, datum) {
        this.tagsinput('add', datum.value);
        // we need to clean the typeahead value here
        this.tagsinput('input').typeahead('val', '');
    }, $keywordsInput));

$keywordsInput.on('itemAdded', function(event) {
    // event.item: contains the item
    // we need to clean the typeahead value here
    $keywordsInput.tagsinput('input').typeahead('val', '');
});