This plugin for the editor auto-suggests you usernames while you're typing a @handle ( mention ). Clicking the suggestions or pressing enter will automatically complete the @handle so you can save time typing ! Plus to make the mentioning system more user-friendly this plugin auto-inserts quotes, so you don't have to worry about failing to tag anyone ever again !

When you're finished, save the script and the auto-suggest plugin for mentions will be installed, and typing "@" should now bring up suggestions in your editor !

If you want to make any modifications to this plugin please see the following section.

Modifications

Below is a list of the modifications that can be made to this plugin.

1. suggest_delayThis variable determines the delay before the editor starts searching for suggestions after typing the @ symbol. By default the delay is 0.1 seconds, if you want to change it simply modify the delay time.

Code:

suggest_delay : 100, // delay before suggestions show up (100ms)

2. langIf you want to change any of the texts that appear in this plugin, find the lang object :

3. colorThe last modifiable portion in this plugin is the color object :

Code:

color : { font : '#333', hover_font : '#FFF', error_font : '#F00',

background : '#FFF', hover_background : '#69C',

border : '#CCC', shadow : 'rgba(0, 0, 0, 0.176)' },

Feel free to modify any of the colors in this object to change the default colors of the suggestion list.

That's all the modifications that can be made ! If you have any feedback, suggestions, or a problem with this plugin, feel free to leave a reply below. I hope this plugin makes mentioning members more easy !

Notice

Tutorial written by Ange Tuteur.Special thanks to the Beta Testers for testing this plugin.Reproduction not permitted without consent from the author.

Last edited by Ange Tuteur on Mon 22 Aug 2016, 14:43; edited 3 times in total

@TroyEccles it's most likely related to a javascript error ( only on your android browser ) from another script on your forum, if it works here. Unfortunately I don't have any mobile devices to test with currently.

It's just that my screen is putting the drop-down box MILES away from the reply box. I also have this issue when using the other utility options like HOST IMAGE, QUOTE, etc....the info box will pop up down near the footer for some stupid reason.

@TroyEccles ah I see, thanks for letting me know. Would you happen to know the size of the screen for your mobile device ? Because you can try using media queries to preposition the drop down on smaller screens, 320px for example :