https://github.com/lodev09/bootstrap-suggest
A jQuery plugin for bootstrap that pops-up a dropdown in textarea or input textbox
https://github.com/lodev09/bootstrap-suggest
bootstrap jquery-plugin mentions suggest tags
Last synced: 3 months ago
JSON representation
A jQuery plugin for bootstrap that pops-up a dropdown in textarea or input textbox
- Host: GitHub
- URL: https://github.com/lodev09/bootstrap-suggest
- Owner: lodev09
- License: mit
- Created: 2014-11-16T06:06:26.000Z (about 11 years ago)
- Default Branch: master
- Last Pushed: 2022-12-02T23:06:37.000Z (about 3 years ago)
- Last Synced: 2025-10-22T16:00:39.505Z (3 months ago)
- Topics: bootstrap, jquery-plugin, mentions, suggest, tags
- Language: JavaScript
- Homepage: http://lodev09.github.io/bootstrap-suggest/
- Size: 2.33 MB
- Stars: 96
- Watchers: 9
- Forks: 49
- Open Issues: 19
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
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](https://github.com/lodev09/bootstrap-suggest/archive/v2.0.2.zip) latest release
- [npm](https://www.npmjs.com/package/bootstrap-suggest): `npm install --save bootstrap-suggest`
- [bower](https://bower.io): `bower install bootstrap-suggest`
** Make sure to link `bootstrap-suggest.js` and `bootstrap-suggest.css` to your project
## Usage
### Markup
```html
start typing with @
```
### 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
```javascript
$('#comment').suggest('@', {
data: users,
map: function(user) {
return {
value: user.username,
text: ''+user.username+' '+user.fullname+''
}
}
})
```
## 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](http://www.lodev09.com "www.lodev09.com").
[](mailto:lodev09@gmail.com)
## Credits
© 2018 - Coded by Jovanni Lo / [@lodev09](http://twitter.com/lodev09)
## License
Released under the MIT license. See [LICENSE](LICENSE) file.
[](http://opensource.org/licenses/MIT)