Can I set default font when translating HTML into NSAttributedString?
Asked Answered
I

4

11

I'm trying to show HTML in a UILabel, like

NSString * htmlString = @"Some html string \n <font size=\"13\" color=\"red\">This is some text!</font>";

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

And now I get a attributedString

Printing description of attrStr: Some html string

{

...

NSFont = "<UICTFont: 0x7f8240d7c310> font-family: \"Times New Roman\"; font-weight: normal; font-style: normal; **font-size: 12.00pt**";

}

This is some text!

{

...
NSFont = "<UICTFont: 0x7f8240d7aff0> font-family: \"Times New Roman\"; font-weight: normal; font-style: normal; **font-size: 37.00pt**";
}

It seems font-size: 12.00pt is a default-size, I want to change the size without changing the HTML source code. How to do that?

Isagogics answered 14/12, 2015 at 9:43 Comment(0)
G
13

You can do it with a little bit of coding... You need to go through the attributes and change the font size on each segment of the attributed string (like normal, italic, bold, etc...).

extension String {
    func htmlAttributedString() -> NSMutableAttributedString {

            guard let data = self.data(using: String.Encoding.utf8, allowLossyConversion: false)
                else { return NSMutableAttributedString() }

            guard let formattedString = try? NSMutableAttributedString(data: data,
                                                            options: [.documentType: NSAttributedString.DocumentType.html,
                                                                      .characterEncoding: String.Encoding.utf8.rawValue],
                                                            documentAttributes: nil )

                else { return NSMutableAttributedString() }

            return formattedString
    }

}


extension NSMutableAttributedString {

    func with(font: UIFont) -> NSMutableAttributedString {
        self.enumerateAttribute(NSAttributedStringKey.font, in: NSMakeRange(0, self.length), options: .longestEffectiveRangeNotRequired, using: { (value, range, stop) in
            let originalFont = value as! UIFont
            if let newFont = applyTraitsFromFont(originalFont, to: font) {
                self.addAttribute(NSAttributedStringKey.font, value: newFont, range: range)
            }
        })
        return self
    }

    func applyTraitsFromFont(_ f1: UIFont, to f2: UIFont) -> UIFont? {
        let originalTrait = f1.fontDescriptor.symbolicTraits

        if originalTrait.contains(.traitBold) {
            var traits = f2.fontDescriptor.symbolicTraits
            traits.insert(.traitBold)
            if let fd = f2.fontDescriptor.withSymbolicTraits(traits) {
                return UIFont.init(descriptor: fd, size: 0)
            }
        }
        return f2
    }
}

and you would use it like this

let formattedString = "text  <b>sometext</b>"
                        .htmlAttributedString()
                        .with(font:UIFont(name: "Times New Roman", size: 37)!)
Gondolier answered 29/5, 2018 at 16:39 Comment(1)
Works perfectly ! Thank you!Unnerve
C
5

Here's @Maria's NSMutableAttributedString extension rewritten in Swift 5.1

extension NSMutableAttributedString {

    func with(font: UIFont) -> NSMutableAttributedString {
        enumerateAttribute(NSAttributedString.Key.font, in: NSMakeRange(0, length), options: .longestEffectiveRangeNotRequired, using: { (value, range, stop) in
            if let originalFont = value as? UIFont, let newFont = applyTraitsFromFont(originalFont, to: font) {
                addAttribute(NSAttributedString.Key.font, value: newFont, range: range)
            }
        })

        return self
    }

    func applyTraitsFromFont(_ originalFont: UIFont, to newFont: UIFont) -> UIFont? {
        let originalTrait = originalFont.fontDescriptor.symbolicTraits

        if originalTrait.contains(.traitBold) {
            var traits = newFont.fontDescriptor.symbolicTraits
            traits.insert(.traitBold)

            if let fontDescriptor = newFont.fontDescriptor.withSymbolicTraits(traits) {
                return UIFont.init(descriptor: fontDescriptor, size: 0)
            }
        }

        return newFont
    }
}
Correll answered 22/11, 2019 at 14:57 Comment(0)
D
0

This is my version with support for text styles (body, headline, etc.), text alignment and usable directly in a UILabel:

UILabel extension:

import UIKit

extension UILabel {

    // See: https://mcmap.net/q/982269/-can-i-set-default-font-when-translating-html-into-nsattributedstring
    func set(html: String, textAligment: NSTextAlignment = NSTextAlignment.natural) {
        let textStyle = self.font.fontDescriptor.object(forKey: UIFontDescriptor.AttributeName.textStyle) as! UIFont.TextStyle

        do {
            self.attributedText = try html.htmlAttributedString(textAligment: textAligment).with(textStyle: textStyle)
        } catch let e {
            print("Couldn\'t parse \'\(html)\': \(e.localizedDescription)")
        }
    }
}

String extension:

import Foundation

extension String {

    enum StringToHTMLError: Error {
        case encoding
    }

    func htmlAttributedString(textAligment: NSTextAlignment = NSTextAlignment.natural) throws -> NSMutableAttributedString {
        guard let data = self.data(using: String.Encoding.utf8, allowLossyConversion: false) else {
            throw StringToHTMLError.encoding
        }

        let text = try NSMutableAttributedString(data: data,
                                             options: [.documentType: NSAttributedString.DocumentType.html,
                                                       .characterEncoding: String.Encoding.utf8.rawValue],
                                             documentAttributes: nil )

        // See: https://mcmap.net/q/349544/-centering-text-in-a-uilabel-with-an-nsattributedstring
        let style = NSMutableParagraphStyle()
        style.alignment = textAligment
        text.addAttributes([.paragraphStyle: style],
                           range: NSMakeRange(0, text.length))

        return text
    }
}

And NSMutableAttributedString extension:

import Foundation

extension NSMutableAttributedString {

    func with(textStyle: UIFont.TextStyle) -> NSMutableAttributedString {
        self.enumerateAttribute(NSAttributedString.Key.font, in: NSMakeRange(0, self.length), options: .longestEffectiveRangeNotRequired, using: { (value, range, stop) in
            let originalFont = value as! UIFont
            if let newFont = applyTraitsFromFont(originalFont, to: textStyle) {
                self.addAttribute(NSAttributedString.Key.font, value: newFont, range: range)
            }
        })
        return self
    }

    private func applyTraitsFromFont(_ f1: UIFont, to textStyle: UIFont.TextStyle) -> UIFont? {
        let originalTrait = f1.fontDescriptor.symbolicTraits
        let fontDescriptor = UIFontDescriptor.preferredFontDescriptor(withTextStyle: textStyle)

        if originalTrait.contains(.traitBold) {
            var traits = fontDescriptor.symbolicTraits
            traits.insert(.traitBold)
            if let fd = fontDescriptor.withSymbolicTraits(traits) {
                return UIFont.init(descriptor: fd, size: 0)
            }
        }

        return UIFont(descriptor: fontDescriptor, size: 0.0)
    }

    func with(font: UIFont) -> NSMutableAttributedString {
        enumerateAttribute(NSAttributedString.Key.font, in: NSMakeRange(0, length), options: .longestEffectiveRangeNotRequired, using: { (value, range, stop) in
            if let originalFont = value as? UIFont, let newFont = applyTraitsFromFont(originalFont, to: font) {
                addAttribute(NSAttributedString.Key.font, value: newFont, range: range)
            }
        })

        return self
    }

    private func applyTraitsFromFont(_ originalFont: UIFont, to newFont: UIFont) -> UIFont? {
        let originalTrait = originalFont.fontDescriptor.symbolicTraits

        if originalTrait.contains(.traitBold) {
            var traits = newFont.fontDescriptor.symbolicTraits
            traits.insert(.traitBold)

            if let fontDescriptor = newFont.fontDescriptor.withSymbolicTraits(traits) {
                return UIFont.init(descriptor: fontDescriptor, size: 0)
            }
        }

        return newFont
    }
}

Use:

<yourUILabel>.set(html: "Hello, <b>world</b>!",
                  textAligment: NSTextAlignment.center)

I hope this helps someone,

Xavi

Dearth answered 3/4, 2020 at 17:8 Comment(0)
C
0

Objective-C

In my case I just needed to make the default font bigger. So there is the solution.

- (NSAttributedString *)attributedStringFromHtml:(NSString *)htmlString largerFontBy:(CGFloat)pointSize fontColor:(UIColor *)fontColor
{
    NSData *data = [htmlString dataUsingEncoding:NSUTF8StringEncoding allowLossyConversion:YES];
    NSDictionary *options = @{
        NSDocumentTypeDocumentAttribute: NSHTMLTextDocumentType,
        NSCharacterEncodingDocumentAttribute: @(NSUTF8StringEncoding)
    };
    NSMutableAttributedString *mutableAttributedString = [[NSMutableAttributedString alloc] initWithData:data
                                                                                                 options:options
                                                                                      documentAttributes:nil
                                                                                                   error:nil];
    [mutableAttributedString beginEditing];
    [mutableAttributedString enumerateAttribute:NSFontAttributeName inRange:NSMakeRange(0, mutableAttributedString.length) options:0 usingBlock:^(id value, NSRange range, BOOL* stop)
     {
        if (value)
        {
            UIFont *oldFont = (UIFont*)value;
            UIFontDescriptor* fontDescriptor = [oldFont.fontDescriptor fontDescriptorWithSymbolicTraits:oldFont.fontDescriptor.symbolicTraits];
            UIFont *newFont = [UIFont fontWithDescriptor:fontDescriptor size:oldFont.pointSize + pointSize];
            [mutableAttributedString removeAttribute:NSFontAttributeName range:range];
            [mutableAttributedString addAttribute:NSFontAttributeName value:newFont range:range];
            [mutableAttributedString addAttribute:NSForegroundColorAttributeName value:fontColor range:range];
        }
    }];
    [mutableAttributedString endEditing];
    return mutableAttributedString;
}

If you need to change font it would be harder because you need the new font to support all traitsCollection of default font. You can try to play with line UIFontDescriptor* fontDescriptor = [oldFont.fontDescriptor fontDescriptorWithSymbolicTraits:oldFont.fontDescriptor.symbolicTraits];. Make a new UIFontDescriptor of your new font and create the font with this descriptor and traits of old font. In my case new font was nil because I haven't all necessary traits for new font. Like bold, italic and monospace variants.

Cherisecherish answered 18/12, 2022 at 12:5 Comment(0)

© 2022 - 2025 — McMap. All rights reserved.