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
Join the conversation
Sign in to access PRO lessons, access private repos, leave comments, create watch lists.
We collect your email address, name and username to create your account. We do not share your email address with anyone else.