如何在NSAttributedString中创建可单击的链接？

Question

在UITextView中点击超链接是微不足道的。您只需在IB中的视图上设置“检测链接”复选框，它就会检测HTTP链接并将其转换为超链接。

然而，这仍然意味着用户看到的是“原始”链接。 RTF文件和HTML都允许您设置一个用户可读的字符串，其中包含一个“后面”的链接。

很容易将属性文本安装到文本视图（或UILabel或UITextField中。但是，当该属性文本包含链接时，它不可点击。

有没有办法让用户可读文字在UITextView，UILabel或UITextField点击？

标记在SO上是不同的，但这是一般的想法。我想要的是这样的文字：

  

此变体是使用Face Dancer生成的，点击可在应用商店中查看。

我唯一能得到的是：

  

此变形是使用Face Dancer生成的，点击http://example.com/facedancer即可在应用商店中查看。

Answer 1

使用NSMutableAttributedString。

NSMutableAttributedString * str = [[NSMutableAttributedString alloc] initWithString:@"Google"];
[str addAttribute: NSLinkAttributeName value: @"http://www.google.com" range: NSMakeRange(0, str.length)];
yourTextView.attributedText = str;

修改：

这不仅仅与问题直接相关，只是为了澄清，UITextField和UILabel不支持打开网址。如果您想将UILabel与链接一起使用，可以查看TTTAttributedLabel。

此外，您应该将dataDetectorTypes的{​​{1}}值设置为UITextView或UIDataDetectorTypeLink，以便在点击时打开网址。或者您可以使用注释中建议的委托方法。

Answer 2

我发现这非常有用，但我需要在很多地方进行，所以我将方法包含在NSMutableAttributedString的简单扩展中：

Swift 3

extension NSMutableAttributedString {

    public func setAsLink(textToFind:String, linkURL:String) -> Bool {

        let foundRange = self.mutableString.range(of: textToFind)
        if foundRange.location != NSNotFound {
            self.addAttribute(.link, value: linkURL, range: foundRange)
            return true
        }
        return false
    }
}

Swift 2

import Foundation

extension NSMutableAttributedString {

   public func setAsLink(textToFind:String, linkURL:String) -> Bool {

       let foundRange = self.mutableString.rangeOfString(textToFind)
       if foundRange.location != NSNotFound {
           self.addAttribute(NSLinkAttributeName, value: linkURL, range: foundRange)
           return true
       }
       return false
   }
}

使用示例：

let attributedString = NSMutableAttributedString(string:"I love stackoverflow!")
let linkWasSet = attributedString.setAsLink("stackoverflow", linkURL: "http://stackoverflow.com")

if linkWasSet {
    // adjust more attributedString properties
}

<强>目标C

我刚刚要求在纯Objective-C项目中做同样的事情，所以这是Objective-C类别。

@interface NSMutableAttributedString (SetAsLinkSupport)

- (BOOL)setAsLink:(NSString*)textToFind linkURL:(NSString*)linkURL;

@end


@implementation NSMutableAttributedString (SetAsLinkSupport)

- (BOOL)setAsLink:(NSString*)textToFind linkURL:(NSString*)linkURL {

     NSRange foundRange = [self.mutableString rangeOfString:textToFind];
     if (foundRange.location != NSNotFound) {
         [self addAttribute:NSLinkAttributeName value:linkURL range:foundRange];
         return YES;
     }
     return NO;
}

@end

使用示例：

NSMutableAttributedString *attributedString = [[NSMutableAttributedString alloc] initWithString:"I love stackoverflow!"];

BOOL linkWasSet = [attributedString setAsLink:@"stackoverflow" linkURL:@"http://stackoverflow.com"];

if (linkWasSet) {
    // adjust more attributedString properties
}

确保NSTextField的Behavior属性设置为Selectable。

Answer 3

我刚刚创建了一个UILabel的子类来专门解决这些用例。您可以轻松添加多个链接并为它们定义不同的处理程序。当您触摸触摸反馈时，它还支持突出显示按下的链接。请参阅https://github.com/null09264/FRHyperLabel。

在您的情况下，代码可能是这样的：

FRHyperLabel *label = [FRHyperLabel new];

NSString *string = @"This morph was generated with Face Dancer, Click to view in the app store.";
NSDictionary *attributes = @{NSFontAttributeName: [UIFont preferredFontForTextStyle:UIFontTextStyleHeadline]};

label.attributedText = [[NSAttributedString alloc]initWithString:string attributes:attributes];

[label setLinkForSubstring:@"Face Dancer" withLinkHandler:^(FRHyperLabel *label, NSString *substring){
    [[UIApplication sharedApplication] openURL:aURL];
}];

示例屏幕截图（处理程序设置为弹出警报而不是在这种情况下打开网址）

Answer 4

ujell解决方案的小改进：如果您使用NSURL而不是NSString，则可以使用任何URL（例如自定义网址）

NSURL *URL = [NSURL URLWithString: @"whatsapp://app"];
NSMutableAttributedString * str = [[NSMutableAttributedString alloc] initWithString:@"start Whatsapp"];
[str addAttribute: NSLinkAttributeName value:URL range: NSMakeRange(0, str.length)];
yourTextField.attributedText = str;

玩得开心！

Answer 5

我也有类似的要求，最初我使用UILabel然后我意识到UITextView更好。我通过禁用交互和滚动使UITextView的行为与UILabel相似，并为NSMutableAttributedString创建了一个类别方法，以设置与Karl相同的文本链接（+1为此）这是我的对象版本

-(void)setTextAsLink:(NSString*) textToFind withLinkURL:(NSString*) url
{
    NSRange range = [self.mutableString rangeOfString:textToFind options:NSCaseInsensitiveSearch];

    if (range.location != NSNotFound) {

        [self addAttribute:NSLinkAttributeName value:url range:range];
        [self addAttribute:NSForegroundColorAttributeName value:[UIColor URLColor] range:range];
    }
}

然后你可以使用下面的委托来处理行动

- (BOOL)textView:(UITextView *)textView shouldInteractWithURL:(NSURL *)url inRange:(NSRange)characterRange
{
    // do the task
    return YES;
}

Answer 6

斯威夫特4：

var string = "Google"
var attributedString = NSMutableAttributedString(string: string, attributes:[NSAttributedStringKey.link: URL(string: "http://www.google.com")!])

yourTextView.attributedText = attributedString

Swift 3.1：

var string = "Google"
var attributedString = NSMutableAttributedString(string: string, attributes:[NSLinkAttributeName: URL(string: "http://www.google.com")!])

yourTextView.attributedText = attributedString

Answer 7

使用UITextView它支持可点击的链接。 使用以下代码创建属性字符串

NSMutableAttributedString *attributedString = [[NSMutableAttributedString alloc] initWithString:strSomeTextWithLinks];

然后按如下所示设置UITextView文本

NSDictionary *linkAttributes = @{NSForegroundColorAttributeName: [UIColor redColor],

                                 NSUnderlineColorAttributeName: [UIColor blueColor],

                                 NSUnderlineStyleAttributeName: @(NSUnderlinePatternSolid)};

customTextView.linkTextAttributes = linkAttributes; // customizes the appearance of links
textView.attributedText = attributedString;

确保在XIB中启用UITextView的“可选”行为。

Answer 8

我的问题的核心是我希望能够在文本视图/字段/标签中创建可点击链接，而无需编写自定义代码来操作文本和添加链接。我希望它是数据驱动的。

我终于想出了怎么做。问题是IB不尊重嵌入式链接。

此外，iOS版NSAttributedString不允许您从RTF文件初始化属性字符串。 OS X版NSAttributedString 有一个初始化程序，它将RTF文件作为输入。

NSAttributedString符合NSCoding协议，因此您可以将其转换为NSData或从NSData转换

我创建了一个OS X命令行工具，它将RTF文件作为输入，并输出一个扩展名为.data的文件，该文件包含来自NSCoding的NSData。然后我将.data文件放入我的项目中，并添加几行代码，将文本加载到视图中。代码看起来像这样（这个项目在Swift中）：

/*
If we can load a file called "Dates.data" from the bundle and convert it to an attributed string,
install it in the dates field. The contents contain clickable links with custom URLS to select
each date.
*/
if
  let datesPath = NSBundle.mainBundle().pathForResource("Dates", ofType: "data"),
  let datesString = NSKeyedUnarchiver.unarchiveObjectWithFile(datesPath) as? NSAttributedString
{
  datesField.attributedText = datesString
}

对于使用大量格式化文本的应用程序，我创建了一个构建规则，告诉Xcode给定文件夹中的所有.rtf文件都是源文件，而.data文件是输出文件。一旦我这样做，我只需将.rtf文件添加到指定目录（或编辑现有文件），构建过程就会发现它们是新的/更新的，运行命令行工具，并将文件复制到应用程序包中。它工作得很漂亮。

我写了一篇博文，链接到展示该技术的示例（Swift）项目。你可以在这里看到它：

Creating clickable URLs in a UITextField that open in your app

Answer 9

Swift 3示例检测归因文本抽头的操作

https://stackoverflow.com/a/44226491/5516830

let termsAndConditionsURL = TERMS_CONDITIONS_URL;
let privacyURL            = PRIVACY_URL;

override func viewDidLoad() {
    super.viewDidLoad()

    self.txtView.delegate = self
    let str = "By continuing, you accept the Terms of use and Privacy policy"
    let attributedString = NSMutableAttributedString(string: str)
    var foundRange = attributedString.mutableString.range(of: "Terms of use") //mention the parts of the attributed text you want to tap and get an custom action
    attributedString.addAttribute(NSLinkAttributeName, value: termsAndConditionsURL, range: foundRange)
    foundRange = attributedString.mutableString.range(of: "Privacy policy")
    attributedString.addAttribute(NSLinkAttributeName, value: privacyURL, range: foundRange)
    txtView.attributedText = attributedString
}

func textView(_ textView: UITextView, shouldInteractWith URL: URL, in characterRange: NSRange) -> Bool {
    let storyboard = UIStoryboard(name: "Main", bundle: nil)
    let vc = storyboard.instantiateViewController(withIdentifier: "WebView") as! SKWebViewController

    if (URL.absoluteString == termsAndConditionsURL) {
        vc.strWebURL = TERMS_CONDITIONS_URL
        self.navigationController?.pushViewController(vc, animated: true)
    } else if (URL.absoluteString == privacyURL) {
        vc.strWebURL = PRIVACY_URL
        self.navigationController?.pushViewController(vc, animated: true)
    }
    return false
}

同样，您可以使用shouldInteractWith URL UITextFieldDelegate方法添加所需的任何操作。

干杯!!

Answer 10

我编写了一个方法，它将一个链接（linkString）添加到一个带有某个url（urlString）的字符串（fullString）：

- (NSAttributedString *)linkedStringFromFullString:(NSString *)fullString withLinkString:(NSString *)linkString andUrlString:(NSString *)urlString
{
    NSRange range = [fullString rangeOfString:linkString options:NSLiteralSearch];
    NSMutableAttributedString *str = [[NSMutableAttributedString alloc] initWithString:fullString];

    NSMutableParagraphStyle *paragraphStyle = NSMutableParagraphStyle.new;
    paragraphStyle.alignment = NSTextAlignmentCenter;
    NSDictionary *attributes = @{NSForegroundColorAttributeName:RGB(0x999999),
                                 NSFontAttributeName:[UIFont fontWithName:@"HelveticaNeue-Light" size:10],
                                 NSParagraphStyleAttributeName:paragraphStyle};
    [str addAttributes:attributes range:NSMakeRange(0, [str length])];
    [str addAttribute: NSLinkAttributeName value:urlString range:range];

    return str;
}

您应该这样称呼它：

NSString *fullString = @"A man who bought the Google.com domain name for $12 and owned it for about a minute has been rewarded by Google for uncovering the flaw.";
NSString *linkString = @"Google.com";
NSString *urlString = @"http://www.google.com";

_youTextView.attributedText = [self linkedStringFromFullString:fullString withLinkString:linkString andUrlString:urlString];

Answer 11

更新

我的问题有两个关键部分：

1. 如何建立一个链接，其中为可点击链接显示的文本与调用的实际链接不同：
2. 如何设置链接而无需使用自定义代码在文本上设置属性。

事实证明，iOS 7添加了从NSData加载属性文本的功能。

我创建了UITextView的自定义子类，它利用@IBInspectable属性，允许您直接在IB中加载RTF文件中的内容。您只需在IB中输入文件名，自定义类就可以完成其余的工作。

以下是详细信息：

在iOS 7中，NSAttributedString获得了方法initWithData:options:documentAttributes:error:。该方法允许您从NSData对象加载NSAttributedString。您可以先将RTF文件加载到NSData中，然后使用initWithData:options:documentAttributes:error:将NSData加载到文本视图中。 （请注意，还有一个方法initWithFileURL:options:documentAttributes:error:将直接从文件加载属性字符串，但在iOS 9中不推荐使用该方法。使用方法initWithData:options:documentAttributes:error:更安全，但不推荐使用

我想要一种方法，让我可以在我的文本视图中安装可点击的链接，而无需创建任何特定于我正在使用的链接的代码。

我想出的解决方案是创建一个UITextView的自定义子类，我调用RTF_UITextView并为其提供一个名为@IBInspectable的{​​{1}}属性。将RTF_Filename属性添加到属性会导致Interface Builder在“Attributes Inspector”中公开该属性。然后，您可以在IB中使用自定义代码设置该值。

我还在自定义类中添加了@IBInspectable属性。 @IBDesignable属性告诉Xcode它应该将自定义视图类的运行副本安装到“接口”构建器中，以便您可以在视图层次结构的图形显示中看到它。 （）不幸的是，对于这个类，@IBDesignable属性似乎很脆弱。它在我第一次添加它时起作用，但后来我删除了文本视图的纯文本内容，我视图中的可点击链接消失了，我无法将它们取回。）

我@IBDesignable的代码非常简单。除了使用RTF_UITextView属性添加@IBDesignable属性和RTF_Filename属性之外，我还在@IBInspectable属性中添加了didSet()方法。只要RTF_Filename属性的值发生更改，就会调用didSet()方法。 RTF_Filename方法的代码非常简单：

didSet()

请注意，如果@IBDesignable属性不能可靠地允许您在“界面”构建器中预览样式文本，那么最好将上面的代码设置为UITextView的扩展而不是自定义子类。这样您就可以在任何文本视图中使用它，而无需将文本视图更改为自定义类。

如果您需要支持iOS 7之前的iOS版本，请参阅我的其他答案。

您可以从gitHub下载包含此新类的示例项目：

Github上的

DatesInSwift demo project

Answer 12

我需要继续使用纯UILabel，所以我的点击识别器就是这个（这是基于malex的响应：Character index at touch point for UILabel）

UILabel* label = (UILabel*)gesture.view;
CGPoint tapLocation = [gesture locationInView:label];

// create attributed string with paragraph style from label

NSMutableAttributedString* attr = [label.attributedText mutableCopy];
NSMutableParagraphStyle* paragraphStyle = [NSMutableParagraphStyle new];
paragraphStyle.alignment = label.textAlignment;

[attr addAttribute:NSParagraphStyleAttributeName value:paragraphStyle range:NSMakeRange(0, label.attributedText.length)];

// init text storage

NSTextStorage *textStorage = [[NSTextStorage alloc] initWithAttributedString:attr];
NSLayoutManager *layoutManager = [[NSLayoutManager alloc] init];
[textStorage addLayoutManager:layoutManager];

// init text container

NSTextContainer *textContainer = [[NSTextContainer alloc] initWithSize:CGSizeMake(label.frame.size.width, label.frame.size.height+100) ];
textContainer.lineFragmentPadding  = 0;
textContainer.maximumNumberOfLines = label.numberOfLines;
textContainer.lineBreakMode        = label.lineBreakMode;

[layoutManager addTextContainer:textContainer];

// find tapped character

NSUInteger characterIndex = [layoutManager characterIndexForPoint:tapLocation
                                                  inTextContainer:textContainer
                         fractionOfDistanceBetweenInsertionPoints:NULL];

// process link at tapped character

[attr enumerateAttributesInRange:NSMakeRange(characterIndex, 1)
                                         options:0
                                      usingBlock:^(NSDictionary<NSString *,id> * _Nonnull attrs, NSRange range, BOOL * _Nonnull stop) {
                                          if (attrs[NSLinkAttributeName]) {
                                              NSString* urlString = attrs[NSLinkAttributeName];
                                              NSURL* url = [NSURL URLWithString:urlString];
                                              [[UIApplication sharedApplication] openURL:url];
                                          }
                                      }];

Answer 13

Swift版本：

    // Attributed String for Label
    let plainText = "Apkia"
    let styledText = NSMutableAttributedString(string: plainText)
    // Set Attribuets for Color, HyperLink and Font Size
    let attributes = [NSFontAttributeName: UIFont.systemFontOfSize(14.0), NSLinkAttributeName:NSURL(string: "http://apkia.com/")!, NSForegroundColorAttributeName: UIColor.blueColor()]
    styledText.setAttributes(attributes, range: NSMakeRange(0, plainText.characters.count))
    registerLabel.attributedText = styledText

Answer 14

找到UITextView的无代码解决方案：

启用检测 - ＆gt;链接选项，URL和电子邮件将被检测并可点击！

Answer 15

Duncan C对IB行为的原始描述的快速补充。他写道：“在UITextView中点击超链接是微不足道的。你只需在IB中的视图上设置”检测链接“复选框，它就会检测到http链接并将它们变成超链接。”

我的经验（至少在xcode 7中）是你还必须取消点击要检测到的网址的“可编辑”行为。点击。

Answer 16

快速答案是使用UITextView代替UILabel。您需要启用Selectable并禁用Editable。

然后禁用滚动指示器和弹跳。

我的解决方案使用html字符串NSMutableAttributedString中的NSHTMLTextDocumentType

NSString *s = @"<p><a href='https://itunes.apple.com/us/app/xxxx/xxxx?mt=8'>https://itunes.apple.com/us/app/xxxx/xxxx?mt=8</a></p>";

NSMutableAttributedString *text = [[NSMutableAttributedString alloc]
                                           initWithData: [s dataUsingEncoding:NSUnicodeStringEncoding]
                                           options: @{ NSDocumentTypeDocumentAttribute: NSHTMLTextDocumentType }
                                           documentAttributes: nil
                                           error: nil
                                           ];

cell.content.attributedText = text;

Answer 17

如果要在UITextView中使用NSLinkAttributeName，则可以考虑使用AttributedTextView库。它是一个UITextView子类，可以很容易地处理它们。有关详细信息，请参阅：https://github.com/evermeer/AttributedTextView

您可以使文本的任何部分像这样进行交互（其中textView1是UITextView IBoutlet）：

textView1.attributer =
    "1. ".red
    .append("This is the first test. ").green
    .append("Click on ").black
    .append("evict.nl").makeInteract { _ in
        UIApplication.shared.open(URL(string: "http://evict.nl")!, options: [:], completionHandler: { completed in })
    }.underline
    .append(" for testing links. ").black
    .append("Next test").underline.makeInteract { _ in
        print("NEXT")
    }
    .all.font(UIFont(name: "SourceSansPro-Regular", size: 16))
    .setLinkColor(UIColor.purple) 

对于处理主题标签和提及，你可以使用这样的代码：

textView1.attributer = "@test: What #hashtags do we have in @evermeer #AtributedTextView library"
    .matchHashtags.underline
    .matchMentions
    .makeInteract { link in
        UIApplication.shared.open(URL(string: "https://twitter.com\(link.replacingOccurrences(of: "@", with: ""))")!, options: [:], completionHandler: { completed in })
    }

Answer 18

使用UITextView并为链接设置dataDetectorTypes。

像这样：

testTextView.editable = false 
testTextView.dataDetectorTypes = .link

如果您想检测链接，电话号码，地址等。那么

testTextView.dataDetectorTypes = .all

Answer 19

来自@AliSoftware OHAttributedStringAdditions的优秀图书馆可以轻松添加UILabel中的链接，这里是文档：https://github.com/AliSoftware/OHAttributedStringAdditions/wiki/link-in-UILabel

Answer 20

如果您想在UITextView中使用活动子字符串，那么您可以使用我的扩展TextView ...简短而简单。您可以根据需要进行编辑。

结果：

代码： https://github.com/marekmand/ActiveSubstringTextView

Answer 21

NSMutableAttributedString *attributedString = [[NSMutableAttributedString alloc] initWithString:strSomeTextWithLinks];

NSDictionary *linkAttributes = @{NSForegroundColorAttributeName: [UIColor redColor],   
                                 NSUnderlineColorAttributeName: [UIColor blueColor],
                                 NSUnderlineStyleAttributeName: @(NSUnderlinePatternSolid)};

customTextView.linkTextAttributes = linkAttributes; // customizes the appearance of links
textView.attributedText = attributedString;

要点：

• 确保启用＆＃34;可选择＆＃34; XIB中UITextView的行为。
• 确保您禁用＆＃34;可编辑＆＃34; XIB中UITextView的行为。

Answer 22

如果您对@Karl Nosworthy和@esilver提供的内容有疑问，我已将NSMutableAttributedString扩展更新为Swift 4版本。

extension NSMutableAttributedString {

public func setAsLink(textToFind:String, linkURL:String) -> Bool {

    let foundRange = self.mutableString.range(of: textToFind)
    if foundRange.location != NSNotFound {
         _ = NSMutableAttributedString(string: textToFind)
        // Set Attribuets for Color, HyperLink and Font Size
        let attributes = [NSFontAttributeName: UIFont.bodyFont(.regular, shouldResize: true), NSLinkAttributeName:NSURL(string: linkURL)!, NSForegroundColorAttributeName: UIColor.blue]

        self.setAttributes(attributes, range: foundRange)
        return true
    }
    return false
  }
}

Answer 23

在 Swift 5.5 中

由于 Swift 5.5 NSAttributedString 完全可本地化且易于使用，甚至无需定义字符数。

func attributedStringBasics(important: Bool) {
    var buy = AttributedString("Buy a new iPhone!")
    buy.font = .body.bold()

    var website = AttributedString("Visit Apple")
    website.font = .body.italic()
    website.link = URL(string: "http://www.apple.com")

    var container = AttributeContainer()
    if important {
        container.foregroundColor = .red
        container.underlineColor = .primary
    } else {
        container.foregroundColor = .primary
    }

    buy.mergeAttributes(container)
    website.mergeAttributes(container)

    print(buy)
    print(website)
}