bootstrap-tokenfield

I'm using bootstrap Tokenfield library. I have a case in my project saying that I can edit tokens by clicking, but not typing, I have special form for adding new pills. Is there a way to disable typing in input form, but still have an access to removing and adding pills by clicking? You can set showAutocompleteOnFocus for mouse focus so there is not any need to use keyboard for add token or remove token, example code :- $('#tokenfield').tokenfield({ autocomplete: { source: ['red','blue','green','yellow','violet','brown','purple','black','white'], delay: 100 }, showAutocompleteOnFocus: true });

I want to build a tags input like the one in StackOverflow. I am trying to use Meteor collections as the remote or prefetch data for Typeahead Bloodhound because I want to eventually use Bootstrap Tokenfield . According to their documentation and examples, a url to the JSON data is absolutely required. How can I provide the data, preferably reactively, to Bloodhound? I have looked into the Meteor Typeahead package , but I can't figure out how to use it with the Meteor Tokenfield package . Below is what I've tried to do, but it doesn't work. :( <div class="control-group"> <label class="control

I am trying to implement Bootstrap Tokenfield with Jquery Ui autocomplete and so far i was able to do that except the fact that i am not able to prevent duplicates in the input field, so, unfortunately my user can choose the same value twice. In my search i have found that Bootstrap Tokenfield has a way of preventing duplicate . However I do not know how to apply to my code because it looks to me that it goes with Twitter typeahead and not Jquery Ui. How can i prevent duplicate with Bootstrap TokenField Using Jquery Ui autocomplete ? This is my Bootstrap TokenField code based on jquery ui