UILabel加载html富文本

本文主要解决html标签之外文本属性设置
当APP里面有搜索的需求的时候，产品可能会要求关键字显示特殊颜色或者字体。其中一种可能性是服务器返回的数据是带有html标签的字符串，那么该怎么解决？当标签之外的其他字体也需要设置不同格式，又要怎么解决？

下面就来解决这个问题。

1.一个带有html标签的字符串

NSString * htmlString = @"<font color=red>红色字体</font>其他字体 <font color=red>红色字体</font>其他字体";

2.设置自己想要字体属性

NSDictionary *dic = @{NSForegroundColorAttributeName: [UIColor grayColor],
                          NSBackgroundColorAttributeName: [UIColor clearColor],
                          NSFontAttributeName:  [UIFont systemFontOfSize:15]};

3.显示html格式的文本

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

第三步就是将html格式的文本转化成字符串

4.解决除了html标签之外的字体设置

void (^block)(NSDictionary*,NSRange,BOOL*) = ^(NSDictionary *attrs, NSRange range, BOOL *stop){
        UIColor *color =  attrs[NSForegroundColorAttributeName];
        UIColor *colorRed = [UIColor redColor];
        if (color && ![self isTheSameColor2:color  anotherColor:colorRed]) {
            [nameText  addAttributes:dic range: range];
        }  else{
            NSMutableDictionary   *dicM  = [attrs mutableCopy];
            dicM[NSFontAttributeName ] = [UIFont systemFontOfSize:15];
            [nameText  addAttributes:dicM range: range];
        }
    };

[nameText enumerateAttributesInRange: NSMakeRange(0, nameText.length) options: NSAttributedStringEnumerationReverse usingBlock: block];

第四步就是解决其他文本属性值的改变，这里只做了通过颜色来区别是html标签文本还是其他文本，标签里面是redColor，那么这里的判断条件自然就是redColor，是通过isTheSameColor2: anotherColor:这个方法进行判断
5.判断方法的实现

 - (BOOL) isTheSameColor2:(UIColor*)color1 anotherColor:(UIColor*)color2 {
    if ([color1 red] == [color2 red] &&  [color1 green] == [color2 green] &&
        [color1 blue] == [color2 blue] &&[color1 alpha] == [color2 alpha] ) {
        return YES;
    }  else {
        return NO;
    }
}

6.写一个UIColor的分类
#import "UIColor+RGB.h"
分类里面有四个属性

@interface UIColor (RGB)
@property (nonatomic, readonly) CGFloat red;
@property (nonatomic, readonly) CGFloat green;
@property (nonatomic, readonly) CGFloat blue;
@property (nonatomic, readonly) CGFloat alpha;
@end

在 .m 文件中实现

- (CGFloat)red {
    CGFloat r = 0, g, b, a;
    [self getRed:&r green:&g blue:&b alpha:&a];
    return r;
}
- (CGFloat)green {
    CGFloat r, g = 0, b, a;
    [self getRed:&r green:&g blue:&b alpha:&a];
    return g;
}
- (CGFloat)blue {
    CGFloat r, g, b = 0, a;
    [self getRed:&r green:&g blue:&b alpha:&a];
    return b;
}
- (CGFloat)alpha {
    return CGColorGetAlpha(self.CGColor);
}

这个分类的作用在于比对颜色值，便于在第五步里面进行颜色的判断

结果显示

展示结果.png

但是如果只执行到第三步，那么红色字体之外的颜色就是黑色

展示结果2.png

UILabel加载html富文本

推荐阅读更多精彩内容