12 Tags

12.1 Ps Tagger

pstagger

[...]
<script src="dist/js/jquery.pstagger.min.js"></script>
[...]

Currently tagged:
       <div class="wrapper">
           <input id="pstagger-bar" type="text"/>
       </div>
       <hr/>
       Currently tagged:
       <div id="example1-tags">
       </div>
       <script type="text/javascript">
           $(document).ready(function(){
               $('#pstagger-bar').pstagger({
                  inputPlaceholder: 'Add tag ...',
                  clearAllBtn: true,
                  clearAllIconClassAdditional: 'myIconClass',
                  onTagsChanged: onTagsChange,
                  onResetTags: onReset,
              });
           });
           function onTagsChange(tagsList) {
               $('#example1-tags').html(tagsList.join(', '));
           }
           function onReset() {
               $('#example1-tags').empty();
           }
       </script>