iOS开发--UILabel加载Html内容, 并添加超链接的点击

最新推荐文章于 2021-06-25 19:11:00 发布

原创

最新推荐文章于 2021-06-25 19:11:00 发布 · 3.9k 阅读

2 ·

CC 4.0 BY-SA版权

文章标签：

#iOS #Html #富文本 #超链接 #WKWebView

该博客介绍了在iOS应用中如何处理HTML内容并展示在UILabel上，同时实现富文本中的超链接点击事件。首先，通过将HTML转换为富文本来显示内容，然后开启UILabel的用户交互并添加点击手势识别器。当点击超链接时，利用NSDataDetector解析链接并弹出选择对话框，用户可以选择打开多个链接中的任一网页。此方法适用于只需文字展示且包含超链接的轻量级场景，避免了WKWebView资源消耗大的问题。

场景:

项目中的简介(关于)页面, 服务器给返回了Html的语句, 展示相关的内容

方案:

想用WKWebView去加载, 但是, WK的在轻量级需求而言, 消耗资源大就成了其短板.
使用UILabel + 富文本

对比两个方案, 开启WK的消耗资源大, 再加上当前页面只是文字展示, 所以, 方案二是相对而言的最佳方案.

解决:

在解决的过程中, 本来以为只是展示出就可以了, 发现Html中包含了href的超链接, 所以, 如果你的项目中, 也有包含href的超链接, 那么可以参考步骤2和步骤3, 如果没有只看步骤1即可

1. 将html转换成富文本

重点为: NSDocumentTypeDocumentAttribute : NSHTMLTextDocumentType

- (NSMutableAttributedString *)getContentHtml:(NSString *)content {
   
   
    NSDictionary *options = @{
   
   NSDocumentTypeDocumentAttribute : NSHTMLTextDocumentType,
                              NSCharacterEncodingDocumentAttribute : @(NSUTF8StringEncoding)};
    NSData *data = [content dataUsingEncoding:NSUTF8StringEncoding];
    NSMutableAttributedString *attStr = [[NSMutableAttributedString alloc] initWithData:data options:options documentAttributes:nil error:nil];
    
    // 设置段落格式
    NSMutableParagraphStyle *para

最低0.47元/天解锁文章