How can I make a clickable link in an NSAttributedString?

How to Make a Clickable Link in an NSAttributedString

📝 Hey there! Have you ever wondered how to make a user-readable link clickable in a UITextView, UILabel, or UITextField? You know, like when you want to display text with a link "behind" it, instead of just showing the raw URL?

✨ Well, worry no more! In this guide, I'm going to show you an easy way to make your links clickable in NSAttributedString. By the end, you'll be able to display user-friendly text with hyperlinks that users can actually click on. Let's get started! 💪

The Problem:

🧐 The issue comes when we try to display attributed text, which includes a link. By default, the link is not clickable, and the user sees the raw URL instead of the desired user-readable text.😣

The Solution:

✅ The good news is that we can use NSAttributedString's links property to make the desired text clickable. Here's how you can do it step-by-step:

1. Firstly, create an instance of NSMutableAttributedString:

   let attributedString = NSMutableAttributedString(string: "This morph was generated with Face Dancer, Click to view in the app store.")

2. Next, use the addAttributes(_:range:) method to add the desired attributes to the specific range of the attributed string:

   attributedString.addAttributes([.link: URL(string: "http://example.com/facedancer")!], range: NSRange(location: 30, length: 11))

   In the above example, we're adding a link attribute to the range that corresponds to "Face Dancer". The value of the link attribute is the URL you want to open when the user clicks on the link.

3. Finally, assign the attributedString to your UITextView, UILabel, or UITextField:

   yourTextView.attributedText = attributedString

4. That's it! You've successfully made a clickable link in an NSAttributedString.

The Result:

🎉 With the above steps, you'll achieve the desired output:

This morph was generated with Face Dancer, Click to view in the app store.

👌 Now your users can see the user-readable link and can easily click on it to navigate.

Conclusion:

🌟 Making a clickable link in an NSAttributedString doesn't have to be a mystery anymore. By using NSAttributedString's links property, you can effortlessly add clickable links to your UITextView, UILabel, or UITextField. Impress your users with user-friendly and interactive text!

📢 If you found this guide helpful, be sure to share it with your fellow developers, and don't hesitate to leave a comment if you have any questions or other valuable insights to share.

😍 Keep exploring and creating amazing user experiences with clickable links in NSAttributedString. Happy coding! 👩‍💻👨‍💻