iOS UIlabel怎么加载html字符串富文本的用法

最新推荐文章于 2025-05-29 13:46:21 发布

原创最新推荐文章于 2025-05-29 13:46:21 发布 · 9k 阅读

2 ·

CC 4.0 BY-SA版权

文章标签：

#html #uilabel #富文本 #webview

UI 专栏收录该内容

26 篇文章

订阅专栏

本文介绍了一种在iOS应用中利用UILabel而非WebView来解析并显示简单HTML内容的方法，通过将HTML转换为NSAttributedString，实现了轻量级的文字展示效果。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

要加载html字符串，用人说，直接用webView啊！但是，有时候我们只需要显示2行文字，如此少的内容却要在复杂的UI排版中加入一个占用资源较多的webview，得不偿失。这里要说的是，我们其实可以用label即可加载html字符的，用富文本转一下html字符串即可。

//str是要显示的字符串
NSMutableAttributedString * attrString = [[NSMutableAttributedString alloc] initWithData:[str dataUsingEncoding:NSUnicodeStringEncoding] options:@{NSDocumentTypeDocumentAttribute: NSHTMLTextDocumentType} documentAttributes:nil error:nil];

[attrString addAttributes:@{NSBaselineOffsetAttributeName: @(5),//设置基线偏移值，取值为 NSNumber （float）,正值上偏，负值下偏，可使UILabel文本垂直居中
NSFontAttributeName:[UIFont systemFontOfSize:14]} range:NSMakeRange(0, attrString.length)];

self.descLabel.attributedText = attrString;


//计算html字符串高度
NSMutableAttributedString *htmlString =[[NSMutableAttributedString alloc] initWithData:[str dataUsingEncoding:NSUTF8StringEncoding] options:@{NSDocumentTypeDocumentAttribute: NSHTMLTextDocumentType, NSCharacterEncodingDocumentAttribute:[NSNumber numberWithInt:NSUTF8StringEncoding]} documentAttributes:NULL error:nil];

[htmlString addAttributes:@{NSFontAttributeName:[UIFont systemFontOfSize:14]} range:NSMakeRange(0, htmlString.length)];

CGSize textSize = [htmlString boundingRectWithSize:(CGSize){ScreenWidth - 20, CGFLOAT_MAX} options:NSStringDrawingUsesLineFragmentOrigin context:nil].size;

return textSize.height ;