bootstrap-suggest
A bootstrap plugin for your mention needs.
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.
Credits
© 2018 - Coded by Jovanni Lo / @lodev09
License
Released under the MIT license. See LICENSE file.