How to display links and images from an HTML String

Question

I have a string that contains HTML code. What is the best way to display that (it contains images), also I want to make links in that tappable (open in Safari)

I have tried String extension that gives me NSAttributedString from HTML, but the image is only partially shown and links are not tappable.

let text = htmlString.attributedString(withRegularFont: UIFont.systemFont(ofSize: 14), andBoldFont: UIFont.systemFont(ofSize: 16))

extension String {

    func attributedString(withRegularFont regularFont: UIFont, andBoldFont boldFont: UIFont, textColor: UIColor = UIColor.gray) -> NSMutableAttributedString {
        var attributedString = NSMutableAttributedString()
        guard let data = self.data(using: .utf8) else { return NSMutableAttributedString() }
        do {
            attributedString = try NSMutableAttributedString(data: data,
            options: [.documentType: NSAttributedString.DocumentType.html,
            .characterEncoding:String.Encoding.utf8.rawValue],
            documentAttributes: nil)
            let range = NSRange(location: 0, length: attributedString.length)
            attributedString.enumerateAttribute(NSAttributedString.Key.font, in: range, options: .longestEffectiveRangeNotRequired) { value, range, _ in
            let currentFont: UIFont = value as! UIFont
            var replacementFont: UIFont? = nil

            if currentFont.fontName.contains("bold") || currentFont.fontName.contains("Semibold") {
                replacementFont = boldFont
            } else {
                replacementFont = regularFont
            }

            let replacementAttribute = [NSAttributedString.Key.font:replacementFont!, NSAttributedString.Key.foregroundColor: textColor]
            attributedString.addAttributes(replacementAttribute, range: range)
        } catch let e {
            print(e.localizedDescription)
        }
        return attributedString
    }
}

It shows me the HTML inside the UILabel but I am not able to tap on links and images are cropped respective to device width.

use webview top of label make sure you html text to label . Then all your functionalities will work without any issue — Vinodh, Jul 05 '19 at 07:04
in webview i have tried, but i am not able to fix its height, i dont want inline scroll — Nooralam Shaikh, Jul 05 '19 at 07:05
it works, but i dont want the webview to zoom and also i dont want inline scroll of webView instead i want height of that, because i am using it under tableview cell, which in under collection view — Nooralam Shaikh, Jul 05 '19 at 09:59

score 2 · Answer 1 · answered Jul 05 '19 at 07:36

2

I think that the best option is to save this html string as a file and then load this file using web view. check this question

answered Jul 05 '19 at 07:36

kstefanou

608
10
14

the html content is dynamic, its coming from api and i need to show that inside a collectionview that contains a tableview inside its cell – Nooralam Shaikh Jul 05 '19 at 09:24

How to display links and images from an HTML String

1 Answers1