Skip to content
A jQuery plugin for bootstrap that pops-up a dropdown in textarea or input textbox
Branch: master
Clone or download
Latest commit 7d79dea Feb 17, 2019
Permalink
Type Name Latest commit message Commit time
Failed to load latest commit information.
dist fixes Feb 17, 2019
src
.gitignore
.npmignore
LICENSE Update LICENSE Feb 17, 2019
README.md
bower.json
demo.png
gulpfile.js v2 updates Feb 17, 2019
package-lock.json
package.json

README.md

bootstrap-suggest

A bootstrap plugin for your mention needs.

demo

V2

The version 2 of this plugin now supports bootstrap 4 and contenteditable that uses jquery.caret (optional).

Install

Several quick start options are available:

  • download latest release
  • npm: npm install --save bootstrap-suggest
  • bower: bower install bootstrap-suggest

** Make sure to link bootstrap-suggest.js and bootstrap-suggest.css to your project

Usage

Markup

<div class="form-group">
   <label for="comment">start typing with @</label>
   <textarea class="form-control" rows="5" id="comment"></textarea>
</div>

Data

var users = [
  {username: 'lodev09', fullname: 'Jovanni Lo'},
  {username: 'foo', fullname: 'Foo User'},
  {username: 'bar', fullname: 'Bar User'},
  {username: 'twbs', fullname: 'Twitter Bootstrap'},
  {username: 'john', fullname: 'John Doe'},
  {username: 'jane', fullname: 'Jane Doe'},
];

Init

$('#comment').suggest('@', {
  data: users,
  map: function(user) {
    return {
      value: user.username,
      text: '<strong>'+user.username+'</strong> <small>'+user.fullname+'</small>'
    }
  }
})

API

http://lodev09.github.io/bootstrap-suggest/#api

Feedback

All bugs, feature requests, pull requests, feedback, etc., are welcome. Visit my site at www.lodev09.com.

LICENSE MIT

Credits

© 2018 - Coded by Jovanni Lo / @lodev09

License

Released under the MIT license. See LICENSE file.

LICENSE MIT

You can’t perform that action at this time.