[FEATURE] Allow hyperlinks in profile's bio section
See original GitHub issueDescription
It will be a nice feature that allows users to add hyperlinks in their bio section. Users can add links to their previous & current works, contributions, etc.
Screenshots
A user profile data, Which has a link in bio 👇
{
"name": "Eddie Jaoude",
"type": "personal",
"bio": "Founder of <a href='https://github.com/EddieHubCommunity'>@EddieHubCommunity</a>",
"avatar": "https://github.com/eddiejaoude.png",
"links": ["..."]
}
Additional information
My solution :-
In src/Components/Profile.js
component, Check bio
prop contains hyperlinks(anchor tags) using the below regex 👇
const regex = /<a[\s]+([^>]+)>((?:.(?!\<\/a\>))*.)<\/a>/gi;
If it does not contain hyperlinks render the bio
. If it contains the hyperlink render a new component, which converts the string hyperlinks to the anchor tags.
Issue Analytics
- State:
- Created a year ago
- Comments:7 (5 by maintainers)
Top Results From Across the Web
How To Drive Traffic Using a Link in Bio [Instagram + TikTok]
1. Click Edit profile at the top of your profile page. edit profile on Instagram · 2. Enter your target URL (the link...
Read more >Instagram Is Testing a Tool That Would Allow Multiple Links in ...
Instagram has been internally testing a feature that would allow users to include more than one link in their profiles.
Read more >Link in Bio: 6 Ways to Manage Links on Your Instagram Bio
1. Head over your profile by tapping the person icon in the bottom right-hand corner. On desktop, this will be in the top-right...
Read more >How To Use Instagram's Link in Bio Feature (With Definition)
"Link in bio" applies to a single clickable link you can include in your Instagram page's bio section of the profile. Instagram allows...
Read more >How to use the Instagram link in bio to drive traffic
As the name suggests “link in bio” refers to the clickable URL that you can add to your profile section. Most social media...
Read more >Top Related Medium Post
No results found
Top Related StackOverflow Question
No results found
Troubleshoot Live Code
Lightrun enables developers to add logs, metrics and snapshots to live code - no restarts or redeploys required.
Start FreeTop Related Reddit Thread
No results found
Top Related Hackernoon Post
No results found
Top Related Tweet
No results found
Top Related Dev.to Post
No results found
Top Related Hashnode Post
No results found
Top GitHub Comments
Isn’t this the purpose of all the links and milestones under the bio though?
This is now allowed with the use of markdown in the bio 👍