How to show an HTML string on a UILabel in iOS?

Question

I am getting a title in HTML format as

Example

I need to show this HTML string in a UILabel. The color code and the font size should be same as the coming in HTML. When I am converting the HTML string into a NSString, only the text "Example" is coming, and not the color.

Is there any solution?

Thnx in advance

Till now I am trying by using a NSAttributedString in following way but by this way the whole HTML is printing:

UIFont *font = [UIFont systemFontOfSize:14.0]; UIFont *secondFont = [UIFont systemFontOfSize:10.0]; NSMutableDictionary *firstAttributes; NSMutableDictionary *secondAttributes; NSDictionary *firstAttributeFont = @{NSFontAttributeName:font}; NSDictionary *secondAttributeFont = @{NSFontAttributeName:secondFont}; [firstAttributes addEntriesFromDictionary:firstAttributeFont]; [secondAttributes addEntriesFromDictionary:secondAttributeFont]; [firstAttributes addEntriesFromDictionary:@{NSForegroundColorAttributeName:[UIColor clearColor]}]; [secondAttributes addEntriesFromDictionary:@{NSForegroundColorAttributeName:[UIColor clearColor]}]; NSString* completeString = [NSString stringWithFormat:@"%@",strTitle]; NSMutableAttributedString *attributedString = [[NSMutableAttributedString alloc] initWithString:completeString]; [attributedString setAttributes:firstAttributes range:[completeString rangeOfString:strTitle]]; // [attributedString setAttributes:secondAttributes range:[completeString rangeOfString:self.secondAttributeText]]; Cell.lbl_Title.attributedText = attributedString;

Bill · Accepted Answer · 2019-01-31 02:15:39Z

130

For iOS7 or more you can use this:

NSString * htmlString = @"<html><body> Some html string </body></html>"; NSAttributedString * attrStr = [[NSAttributedString alloc] initWithData:[htmlString dataUsingEncoding:NSUnicodeStringEncoding] options:@{NSDocumentTypeDocumentAttribute: NSHTMLTextDocumentType} documentAttributes:nil error:nil]; UILabel * myLabel = [[UILabel alloc] init]; myLabel.attributedText = attrStr;

edited Jan 31, 2019 at 2:15

Bill

46k25 gold badges128 silver badges219 bronze badges

answered Apr 13, 2014 at 19:22

sanjana

3,0342 gold badges28 silver badges31 bronze badges

Sign up to request clarification or add additional context in comments.

7 Comments

lenhhoxung Over a year ago

It works, but how can I catch a "touch" event on the UILabel?

Resty Over a year ago

@lenhhoxung my advice for u, try to use UIButton instead of UILabel or add UIButton above your label, it's kinda easy way to achieve what you want.

lenhhoxung Over a year ago

Thanks, but I just want to catch "touch" event on the link inside html content, not all the label

sanjana Over a year ago

@Nilesh Can you please post your code? If it works for everyone but for you..there might be something wrong with your code.

A_G Over a year ago

@lenhhoxung I wasn't looking for an answer for this question. I wanted clickable links. Replaced UILabel with UITextView. Works like a charm :)

|

Michal · Accepted Answer · 2016-11-14 14:52:16Z

Swift 2

let htmlText = "<p>etc</p>" if let htmlData = htmlText.dataUsingEncoding(NSUnicodeStringEncoding) { do { someLabel.attributedText = try NSAttributedString(data: htmlData, options: [NSDocumentTypeDocumentAttribute: NSHTMLTextDocumentType], documentAttributes: nil) } catch let e as NSError { print("Couldn't translate \(htmlText): \(e.localizedDescription) ") } }

Swift 3

let htmlText = "<p>etc</p>" if let htmlData = htmlText.data(using: String.Encoding.unicode) { do { let attributedText = try NSAttributedString(data: htmlData, options: [NSDocumentTypeDocumentAttribute: NSHTMLTextDocumentType], documentAttributes: nil) } catch let e as NSError { print("Couldn't translate \(htmlText): \(e.localizedDescription) ") } }

just added Swift 3 into your "Swift troll translation" ;) it was quite handy to find it.
<a> tags are highlighted but don't work. Any idea how to get it to work?
UILabels are not meant to be interactive at all. Look into UITextField stackoverflow.com/questions/21629784/…
Does not work in Swift 4 Cannot convert value of type 'NSAttributedString.DocumentAttributeKey' to expected dictionary key type 'NSAttributedString.DocumentReadingOptionKey'

Lena Bru · Accepted Answer · 2019-02-03 08:31:53Z

Swift 4+

For Swift 4 and above use:

guard let data = "foo".data(using: String.Encoding.unicode) else { return } try? titleLabel.attributedText = NSAttributedString(data: data, options: [.documentType:NSAttributedString.DocumentType.html], documentAttributes: nil)

its making uitableview to stuck on scroll , even if I tried on thread

mak · Accepted Answer · 2013-11-13 07:34:19Z

I did this on UITextView as follows:

[detailView loadHTMLString:[NSString stringWithFormat:@"<div style='text-align:justify; font-size:13px;font-family:HelveticaNeue;color:#362932;'>%@",[model.dict valueForKey:@"description"]] baseURL:nil];

Or you can use RTLabel library: https://github.com/honcheng/RTLabel to display html text along with its formatting on a label.

Community · Accepted Answer · 2020-06-20 09:12:55Z

Extension for Swift 4+

extension UILabel { func set(html: String) { if let htmlData = html.data(using: .unicode) { do { self.attributedText = try NSAttributedString(data: htmlData, options: [.documentType: NSAttributedString.DocumentType.html], documentAttributes: nil) } catch let e as NSError { print("Couldn't parse \(html): \(e.localizedDescription)") } } } }

I don't know why it takes little longer time (approx. 3 to 5 sec) to load initially?

pkamb · Accepted Answer · 2018-03-08 03:31:06Z

-(NSString*)convertHtmlPlainText:(NSString*)HTMLString{ NSData *HTMLData = [HTMLString dataUsingEncoding:NSUTF8StringEncoding]; NSAttributedString *attrString = [[NSAttributedString alloc] initWithData:HTMLData options:@{NSDocumentTypeDocumentAttribute: NSHTMLTextDocumentType} documentAttributes:NULL error:NULL]; NSString *plainString = attrString.string; return plainString; } UILabel * htmlLabel = [UILabel alloc] init]; htmlLabel.text = [self convertHtmlPlainText:htmlResponse];

attributedStringWithHTML does not exist. attrString declaration/init should be replaced by: NSAttributedString *attrString = [[NSAttributedString alloc] initWithData:HTMLData options:@{NSDocumentTypeDocumentAttribute: NSHTMLTextDocumentType} documentAttributes:NULL error:NULL];

user4696837 · Accepted Answer · 2017-12-27 06:57:01Z

If Html Text is like

var planeText = "Unseen and not Purchased!" //setting color to the text var htmlText = "<font color=\"#f20707\">" + planeText + "</font>"

We can set the text to UILabel like this

if let htmlData = htmlText.data(using: String.Encoding.unicode) { do { let attributedText = try NSAttributedString(data: htmlData, options: [NSDocumentTypeDocumentAttribute: NSHTMLTextDocumentType], documentAttributes: nil) //Setting htmltext to uilable uilable.attributedText = attributedText } catch let e as NSError { //setting plane text to uilable cause of err uilable.text = planeText print("Couldn't translate \(htmlText): \(e.localizedDescription) ") } }

Collectives™ on Stack Overflow

How to show an HTML string on a UILabel in iOS?

7 Answers 7

7 Comments

4 Comments

Swift 4+

1 Comment

1 Comment

Extension for Swift 4+

3 Comments

1 Comment

Comments

Linked

Hot Network Questions

Collectives™ on Stack Overflow

7 Answers 7

7 Comments

4 Comments

Swift 4+

1 Comment

1 Comment

Extension for Swift 4+

3 Comments

1 Comment

Comments

Linked

Related