PHPackages                             efureev/yii2-tagsinput - PHPackages - PHPackages  [Skip to content](#main-content)[PHPackages](/)[Directory](/)[Categories](/categories)[Trending](/trending)[Leaderboard](/leaderboard)[Changelog](/changelog)[Analyze](/analyze)[Collections](/collections)[Log in](/login)[Sign up](/register)

1. [Directory](/)
2. /
3. [Utility & Helpers](/categories/utility)
4. /
5. efureev/yii2-tagsinput

AbandonedArchivedYii2-extension[Utility & Helpers](/categories/utility)

efureev/yii2-tagsinput
======================

Bootstrap Tags Input is a jQuery plugin providing a Twitter Bootstrap user interface for managing tags.

0.1.1(9y ago)0101MITPHP

Since Sep 7Pushed 9y ago1 watchersCompare

[ Source](https://github.com/efureev/yii2-tagsinput)[ Packagist](https://packagist.org/packages/efureev/yii2-tagsinput)[ RSS](/packages/efureev-yii2-tagsinput/feed)WikiDiscussions master Synced 2mo ago

READMEChangelog (2)Dependencies (5)Versions (3)Used By (0)

yii2-tagsinput
==============

[](#yii2-tagsinput)

[![GitHub version](https://camo.githubusercontent.com/48595a1104821a334086668ac3d74a034aadf916b9b512adb15bb990e060209a/68747470733a2f2f62616467652e667572792e696f2f67682f65667572656576253246796969322d74616773696e7075742e737667)](https://badge.fury.io/gh/efureev%2Fyii2-tagsinput) [![Build Status](https://camo.githubusercontent.com/f0c57936c5aa3c6130cf4c663cf930b68c1c46d4af9a663fa0652f394c5d7ba2/68747470733a2f2f7472617669732d63692e6f72672f656675726565762f796969322d74616773696e7075742e7376673f6272616e63683d6d6173746572)](https://travis-ci.org/efureev/yii2-tagsinput) [![Dependency Status](https://camo.githubusercontent.com/6a196cf9276460c3e835cfa17f2b6df1eb7e0a7f36eae5d372cc24fdb09bd60e/68747470733a2f2f67656d6e617369756d2e636f6d2f6261646765732f6769746875622e636f6d2f656675726565762f796969322d74616773696e7075742e737667)](https://gemnasium.com/github.com/efureev/yii2-tagsinput) [![](https://camo.githubusercontent.com/c4b7fd1cb229195f3befee78ad0c42cdc74cff16453ea48ef9d681c54aad2daa/68747470733a2f2f7265706f73732e6865726f6b756170702e636f6d2f3f706174683d656675726565762f796969322d74616773696e707574)](https://camo.githubusercontent.com/c4b7fd1cb229195f3befee78ad0c42cdc74cff16453ea48ef9d681c54aad2daa/68747470733a2f2f7265706f73732e6865726f6b756170702e636f6d2f3f706174683d656675726565762f796969322d74616773696e707574) [![Code Climate](https://camo.githubusercontent.com/ef568dc49875ebfc7d330711c73240443f82d722049640c1914f188f2d2750d4/68747470733a2f2f636f6465636c696d6174652e636f6d2f6769746875622f656675726565762f796969322d74616773696e7075742f6261646765732f6770612e737667)](https://codeclimate.com/github/efureev/yii2-tagsinput) [![Test Coverage](https://camo.githubusercontent.com/5a56f06f4aaaef93fd6f102619072fb8ac746d9e9c57939cabb86ee245123862/68747470733a2f2f636f6465636c696d6174652e636f6d2f6769746875622f656675726565762f796969322d74616773696e7075742f6261646765732f636f7665726167652e737667)](https://codeclimate.com/github/efureev/yii2-tagsinput/coverage)

without Model
-------------

[](#without-model)

```
var inputUsers = $(''),
    users = new Bloodhound({
        datumTokenizer: Bloodhound.tokenizers.obj.whitespace('title'),
        queryTokenizer: Bloodhound.tokenizers.whitespace,
        prefetch      : {
            url   : '/users.json',
            cache : false,
            filter: function (list) {
                return $.map(list, function (users) {
                    return {text: user.name};
                });
            }
        }
    });
hubs.initialize();

inputUsers.tagsinput({
    typeaheadjs: {
        displayKey: 'text',
        trimValue : true,
        valueKey  : 'text',
        name      : 'users',
        source    : users.ttAdapter()
    }
});
```

with Model
----------

[](#with-model)

```