Skip to content

richjeffery/jquery-mentions-input

 
 

Repository files navigation

jquery.mentionsInput

jquery.mentionsInput is a small, but awesome UI component that allows you to "@mention" someone or something in a text message, just like you are used to on Facebook or Twitter.

This project was originally written by Kenneth Auchenberg, and started as an internal project at Podio. This fork of mentionsInput is developed by Rich Jeffery at Worktribe.

This version has some added adjustments and improvements, including:

  • adjustments for newer versions of jQuery,
  • mobile support,
  • ability to handle multiple sets of mentions, so you can - for example - mention both people and pages
  • autocompleting if there is only one possible option.

See CHANGELOG for full details. As this is a fork that hasn't had major usage changes, you can currently use the documentation available at http://podio.github.io/jquery-mentions-input/ for now.

Latest release

1.1 (2018-Feb-1) -- https://github.com/richjeffery/jquery-mentions-input/releases/tag/v1.1

License

MIT License - http://www.opensource.org/licenses/mit-license.php

Dependencies

jquery.mentionsInput is written as a jQuery extension, so it naturally requires jQuery (1.7+). In addition to jQuery, it also depends on underscore.js (1.2+), which is used to simplify stuff a bit.

The component is also using the new HTML5 "input" event. This means older browsers like IE8 need a polyfill which emulates the event (it is bundled).

The component itself is implemented as a small independent function, so it can easily be ported to frameworks other than jQuery.

Furthermore all utility functions have been centralized in the utils-object, which can be replaced with references if you already got functions like htmlEncode, etc.

jquery.elastic.js is required for correct operation of boxes that don't scale.

About

No description or website provided.

Topics

Resources

License

Stars

Watchers

Forks

Packages

No packages published

Languages

  • JavaScript 69.8%
  • HTML 16.1%
  • CSS 14.1%