🚨 Pay Just $95/Year (Save 50%)—Black Friday Deal!

Mention users with TributeJS | SupeRails #186

25/08/2024
  • How mentions work
  • Scaffold Messages
  • Install TributeJS, display mentions dropdown
  • CSS styling for mentions dropdown
  • Scaffold Users
  • Search users in database
  • Scaffold Mentions
  • Create mentions in database
  • Display mentioned usernames as links in text

In episode #95 we focused on parsing text and converting hashtags and mentions into links. Now let's add an @ mentions dropdown to any text field, so that you can select a user that you want to mention!

Episode source code: https://github.com/corsego/186-mentions-tributejs
Based on this blogpost: https://blog.corsego.com/create-mentions-tribute-js

0:00 How mentions work
1:35 Scaffold Messages
2:23 Install TributeJS, display mentions dropdown
5:24 CSS styling for mentions dropdown
6:10 Scaffold Users
7:29 Search users in database
16:00 Scaffold Mentions
16:42 Create mentions in database
21:08 Display mentioned usernames as links in text

4
Inicia sesión para unirte a la conversación