Analisando HTML em NSAttributedText - como definir fonte?


133

Estou tentando obter um trecho de texto formatado em html para exibir bem em um iPhone em um UITableViewCell.

Até agora eu tenho o seguinte:

NSError* error;
NSString* source = @"<strong>Nice</strong> try, Phil";
NSMutableAttributedString* str = [[NSMutableAttributedString alloc] initWithData:[source dataUsingEncoding:NSUTF8StringEncoding]
                                                           options:@{NSDocumentTypeDocumentAttribute: NSHTMLTextDocumentType,
                                                                     NSCharacterEncodingDocumentAttribute: [NSNumber numberWithInt:NSUTF8StringEncoding]}
                                                              documentAttributes:nil error:&error];

Este tipo de obras. Recebo algum texto com 'Nice' em negrito! Mas ... também define a fonte como Times Roman! Esta não é a face da fonte que eu quero. Acho que preciso definir algo no documentAttributes, mas não consigo encontrar nenhum exemplo em nenhum lugar.


1
Nota: NSHTMLTextDocumentType pode ser potencialmente lento. Veja stackoverflow.com/questions/21166752/…
finneycanhelp

IMPORTANTE: Se você estiver usando uma fonte personalizada, precisará ver esta resposta stackoverflow.com/a/60786178/1223897
Yuvrajsinh

Respostas:


118

Versão Swift 2 , com base na resposta de Javier Querol

extension UILabel {
    func setHTMLFromString(text: String) {
        let modifiedFont = NSString(format:"<span style=\"font-family: \(self.font!.fontName); font-size: \(self.font!.pointSize)\">%@</span>", text) as String

        let attrStr = try! NSAttributedString(
            data: modifiedFont.dataUsingEncoding(NSUnicodeStringEncoding, allowLossyConversion: true)!,
            options: [NSDocumentTypeDocumentAttribute: NSHTMLTextDocumentType, NSCharacterEncodingDocumentAttribute: NSUTF8StringEncoding],
            documentAttributes: nil)

        self.attributedText = attrStr
    }
}

Swift 3.0 e iOS 9 ou superior

extension UILabel {
    func setHTMLFromString(htmlText: String) {
        let modifiedFont = String(format:"<span style=\"font-family: '-apple-system', 'HelveticaNeue'; font-size: \(self.font!.pointSize)\">%@</span>", htmlText)

        let attrStr = try! NSAttributedString(
            data: modifiedFont.data(using: .unicode, allowLossyConversion: true)!,
            options: [NSDocumentTypeDocumentAttribute: NSHTMLTextDocumentType, NSCharacterEncodingDocumentAttribute: String.Encoding.utf8.rawValue],
            documentAttributes: nil)

        self.attributedText = attrStr
    }
}

Swift 5 e iOS 11 ou superior

extension UILabel {
    func setHTMLFromString(htmlText: String) {
        let modifiedFont = String(format:"<span style=\"font-family: '-apple-system', 'HelveticaNeue'; font-size: \(self.font!.pointSize)\">%@</span>", htmlText)

        let attrStr = try! NSAttributedString(
            data: modifiedFont.data(using: .unicode, allowLossyConversion: true)!,
            options: [.documentType: NSAttributedString.DocumentType.html, .characterEncoding:String.Encoding.utf8.rawValue],
            documentAttributes: nil)

        self.attributedText = attrStr
    }
}

1
Não alterando as fontes atuais, era isso que eu estava procurando, obrigado cara!
Mohammad Zaid Pathan

2
Isso funciona. Você pode definir a string modificada para uma String imediatamente e omitir a inicialização do NSString, ou seja, "<span style = \" font-family: (self.font! .FontName); tamanho da fonte: (self.font! .pointSize) \ "> (text) </span>"
Matthew Korporaal

2
Para fazer esse trabalho (que funciona realmente muito bem), tive que adicionar aspas simples ao redor do valor da família de fontes, para que <div style = \ "font-family: '(self.font! .FontName)'; ....
Geraldcor

4
Eu acho que, desde o iOS9, é melhor usar font-family: '-apple-system', 'HelveticaNeue';(o que funciona e também é compatível com versões anteriores). Se você só apoiar iOS9 font-family: -apple-system;pode ser usado
Daniel

1
Também é útil a capacidade de definir a cor do texto, basta adicionar cor ao atributo de estilo com valor no formato de sequência hexadecimal color: #000000. Veja este link para converter UIColor em string hexadecimal: gist.github.com/yannickl/16f0ed38f0698d9a8ae7
Miroslav Hrivik

115
#import "UILabel+HTML.h"

@implementation UILabel (HTML)

- (void)jaq_setHTMLFromString:(NSString *)string {

    string = [string stringByAppendingString:[NSString stringWithFormat:@"<style>body{font-family: '%@'; font-size:%fpx;}</style>",
                                              self.font.fontName,
                                              self.font.pointSize]];
    self.attributedText = [[NSAttributedString alloc] initWithData:[string dataUsingEncoding:NSUnicodeStringEncoding]
                                                           options:@{NSDocumentTypeDocumentAttribute: NSHTMLTextDocumentType,
                                                                     NSCharacterEncodingDocumentAttribute: @(NSUTF8StringEncoding)}
                                                documentAttributes:nil
                                                             error:nil];
}


@end

Dessa forma, você não precisa especificar qual fonte deseja, ela terá a fonte e o tamanho da etiqueta.


2
Isso é muito elegante!
Merlevede

2
Agradável. Embora faça mais sentido como uma categoria na imo NSAttributedString.
27616 Dimitris

@Javier Querol Então, como lidar com links de links?
KarenAnne

Você codifica a string em dados com NSUnicodeStringEncodinge, em seguida, codifica os dados novamente em caracteres com NSUTF8StringEncoding. Tudo bem?
Timur Bernikovich

1
desculpe - esta solução NÃO funciona para mim, a fonte não está definida para a fonte desejada. - em vez de usar self.font.fontName e usar self.font.familyName define a fonte desejada, mas as tags HTML não são preservadas. veja a solução abaixo que funciona e não depende do uso de estilos HTML de qualquer tipo. -rrh
Richie Hyatt

49

Na verdade, encontrei uma solução funcional para esse problema:

Alterando a fonte na sua string de resposta HTML antes de ser analisada.

NSString *aux = [NSString stringWithFormat:@"<span style=\"font-family: YOUR_FONT_NAME; font-size: SIZE\">%@</span>", htmlResponse];

Exemplo:

NSString *aux = [NSString stringWithFormat:@"<span style=\"font-family: HelveticaNeue-Thin; font-size: 17\">%@</span>", [response objectForKey:@"content"]];

Versão rápida:

let aux = "<span style=\"font-family: YOUR_FONT_NAME; font-size: SIZE\">\(htmlResponse)</span>"

4
Solução mais fácil .. Outras respostas podem corrigir, mas fazer as coisas da maneira mais difícil não é inteligente .. :)
Sameera Chathuranga

2
Resposta melhor e inteligente
Tariq

Resposta mais inteligente, concordou! Cheers
Jim Tierney

Olá, Na verdade, isso funciona muito bem, mas se eu converter isso para trás o texto atribuído a html, o tamanho da fonte se aumentado em que html
Mehul Thakkar

1
Realmente de ajuda de outros posts sobre stackoverflow .. eu sou capaz de converter texto attriubuted para html e tudo funcionando bem além do tamanho da fonte, que está se dobrou quase
Mehul Thakkar

41

Descobri isso. Um pouco de urso, e talvez não seja a melhor resposta.

Este código passará por todas as alterações de fonte. Eu sei que ele está usando "Times New Roman" e "Times New Roman BoldMT" para as fontes. Porém, independentemente, isso encontrará as fontes em negrito e permita-me redefini-las. Também posso redefinir o tamanho enquanto estou nele.

Sinceramente, espero / acho que existe uma maneira de configurar isso no momento da análise, mas não consigo encontrá-lo, se houver.

    NSRange range = (NSRange){0,[str length]};
    [str enumerateAttribute:NSFontAttributeName inRange:range options:NSAttributedStringEnumerationLongestEffectiveRangeNotRequired usingBlock:^(id value, NSRange range, BOOL *stop) {
        UIFont* currentFont = value;
        UIFont *replacementFont = nil;

        if ([currentFont.fontName rangeOfString:@"bold" options:NSCaseInsensitiveSearch].location != NSNotFound) {
            replacementFont = [UIFont fontWithName:@"HelveticaNeue-CondensedBold" size:25.0f];
        } else {
            replacementFont = [UIFont fontWithName:@"HelveticaNeue-Thin" size:25.0f];
        }

        [str addAttribute:NSFontAttributeName value:replacementFont range:range];
    }];

2
Procurar a palavra "Negrito" no nome da fonte é um argumento horrível! Isso também quebra outros atributos de fonte, como itálico.
HughHughTeotl

1
Uma abordagem mais genérica é examinar as características da fonte enquanto enumera e criar uma fonte com as mesmas características. Vou postar meu código abaixo.
markiv

33

Uma abordagem mais genérica é examinar as características da fonte durante a enumeração e criar uma fonte com as mesmas características (negrito, itálico etc.):

extension NSMutableAttributedString {

    /// Replaces the base font (typically Times) with the given font, while preserving traits like bold and italic
    func setBaseFont(baseFont: UIFont, preserveFontSizes: Bool = false) {
        let baseDescriptor = baseFont.fontDescriptor
        let wholeRange = NSRange(location: 0, length: length)
        beginEditing()
        enumerateAttribute(.font, in: wholeRange, options: []) { object, range, _ in
            guard let font = object as? UIFont else { return }
            // Instantiate a font with our base font's family, but with the current range's traits
            let traits = font.fontDescriptor.symbolicTraits
            guard let descriptor = baseDescriptor.withSymbolicTraits(traits) else { return }
            let newSize = preserveFontSizes ? descriptor.pointSize : baseDescriptor.pointSize
            let newFont = UIFont(descriptor: descriptor, size: newSize)
            self.removeAttribute(.font, range: range)
            self.addAttribute(.font, value: newFont, range: range)
        }
        endEditing()
    }
}

Embora isso não seja muito conciso, parece mais estável do que solucionar o problema de agrupar html com mais html.
syvex 31/07/19

23

Sim, existe uma solução mais fácil. Defina a fonte na fonte html!

NSError* error;
NSString* source = @"<strong>Nice</strong> try, Phil";
source = [source stringByAppendingString:@"<style>strong{font-family: 'Avenir-Roman';font-size: 14px;}</style>"];
NSMutableAttributedString* str = [[NSMutableAttributedString alloc] initWithData:[source dataUsingEncoding:NSUTF8StringEncoding]
                                                           options:@{NSDocumentTypeDocumentAttribute: NSHTMLTextDocumentType,
                                                                     NSCharacterEncodingDocumentAttribute: [NSNumber numberWithInt:NSUTF8StringEncoding]}
                                                              documentAttributes:nil error:&error];

Espero que isto ajude.


23

Atualização Swift 4+ da extensão UILabel

extension UILabel {
    func setHTMLFromString(text: String) {
        let modifiedFont = NSString(format:"<span style=\"font-family: \(self.font!.fontName); font-size: \(self.font!.pointSize)\">%@</span>" as NSString, text)

        let attrStr = try! NSAttributedString(
            data: modifiedFont.data(using: String.Encoding.unicode.rawValue, allowLossyConversion: true)!,
            options: [NSAttributedString.DocumentReadingOptionKey.documentType:NSAttributedString.DocumentType.html, NSAttributedString.DocumentReadingOptionKey.characterEncoding: String.Encoding.utf8.rawValue],
            documentAttributes: nil)

        self.attributedText = attrStr
    }
}

iOS 9 ou superior

extension UILabel {
    func setHTMLFromString(htmlText: String) {
        let modifiedFont = NSString(format:"<span style=\"font-family: '-apple-system', 'HelveticaNeue'; font-size: \(self.font!.pointSize)\">%@</span>" as NSString, htmlText) as String


        //process collection values
        let attrStr = try! NSAttributedString(
            data: modifiedFont.data(using: .unicode, allowLossyConversion: true)!,
            options: [NSAttributedString.DocumentReadingOptionKey.documentType:NSAttributedString.DocumentType.html, NSAttributedString.DocumentReadingOptionKey.characterEncoding: String.Encoding.utf8.rawValue],
            documentAttributes: nil)


        self.attributedText = attrStr
    }
}

8

As respostas acima de tudo funcionam bem se você estiver fazendo a conversão ao mesmo tempo em que cria o arquivo NSAttributedString. Mas acho que uma solução melhor, que funciona na própria string e, portanto, não precisa de acesso à entrada, é a seguinte categoria:

extension NSMutableAttributedString
{
    func convertFontTo(font: UIFont)
    {
        var range = NSMakeRange(0, 0)

        while (NSMaxRange(range) < length)
        {
            let attributes = attributesAtIndex(NSMaxRange(range), effectiveRange: &range)
            if let oldFont = attributes[NSFontAttributeName]
            {
                let newFont = UIFont(descriptor: font.fontDescriptor().fontDescriptorWithSymbolicTraits(oldFont.fontDescriptor().symbolicTraits), size: font.pointSize)
                addAttribute(NSFontAttributeName, value: newFont, range: range)
            }
        }
    }
}

Use como:

let desc = NSMutableAttributedString(attributedString: *someNSAttributedString*)
desc.convertFontTo(UIFont.systemFontOfSize(16))

Funciona no iOS 7 ou superior


Pesquisou em todos os lugares para isso ... !! Obrigado..!
Irshad Qureshi

5

Melhorando a solução de Victor, incluindo cores:

extension UILabel {
      func setHTMLFromString(text: String) {
          let modifiedFont = NSString(format:"<span style=\"color:\(self.textColor.toHexString());font-family: \(self.font!.fontName); font-size: \(self.font!.pointSize)\">%@</span>", text) as String

          let attrStr = try! NSAttributedString(
              data: modifiedFont.dataUsingEncoding(NSUnicodeStringEncoding, allowLossyConversion: true)!,
              options: [NSDocumentTypeDocumentAttribute: NSHTMLTextDocumentType, NSCharacterEncodingDocumentAttribute: NSUTF8StringEncoding],
              documentAttributes: nil)

          self.attributedText = attrStr
      }
  }

Para que isso funcione, você também precisará do YLColor.swift da conversão uicolor para hexadecimal https://gist.github.com/yannickl/16f0ed38f0698d9a8ae7


4

O uso de NSHTMLTextDocumentType é lento e difícil de controlar estilos. Eu sugiro que você tente minha biblioteca chamada Atributika. Ele possui seu próprio analisador muito rápido. Além disso, você pode ter qualquer nome de tag e definir qualquer estilo para eles.

Exemplo:

let str = "<strong>Nice</strong> try, Phil".style(tags:
    Style("strong").font(.boldSystemFont(ofSize: 15))).attributedString

label.attributedText = str

Você pode encontrá-lo aqui https://github.com/psharanda/Atributika


4

Juntando as respostas de todos, fiz duas extensões que permitem definir um rótulo com texto html. Algumas respostas acima não interpretaram corretamente a família da fonte nas seqüências atribuídas. Outros estavam incompletos para minhas necessidades ou falharam de outras maneiras. Deixe-me saber se há algo que você gostaria que eu melhorasse.

Espero que isso ajude alguém.

extension UILabel {
    /// Sets the label using the supplied html, using the label's font and font size as a basis.
    /// For predictable results, using only simple html without style sheets.
    /// See /programming/19921972/parsing-html-into-nsattributedtext-how-to-set-font
    ///
    /// - Returns: Whether the text could be converted.
    @discardableResult func setAttributedText(fromHtml html: String) -> Bool {
        guard let data = html.data(using: .utf8, allowLossyConversion: true) else {
            print(">>> Could not create UTF8 formatted data from \(html)")
            return false
        }

        do {
            let mutableText = try NSMutableAttributedString(
                data: data,
                options: [NSAttributedString.DocumentReadingOptionKey.documentType: NSAttributedString.DocumentType.html, NSAttributedString.DocumentReadingOptionKey.characterEncoding: String.Encoding.utf8.rawValue],
                documentAttributes: nil)
            mutableText.replaceFonts(with: font)
            self.attributedText = mutableText
            return true
        } catch (let error) {
            print(">>> Could not create attributed text from \(html)\nError: \(error)")
            return false
        }
    }
}

extension NSMutableAttributedString {

    /// Replace any font with the specified font (including its pointSize) while still keeping
    /// all other attributes like bold, italics, spacing, etc.
    /// See /programming/19921972/parsing-html-into-nsattributedtext-how-to-set-font
    func replaceFonts(with font: UIFont) {
        let baseFontDescriptor = font.fontDescriptor
        var changes = [NSRange: UIFont]()
        enumerateAttribute(.font, in: NSMakeRange(0, length), options: []) { foundFont, range, _ in
            if let htmlTraits = (foundFont as? UIFont)?.fontDescriptor.symbolicTraits,
                let adjustedDescriptor = baseFontDescriptor.withSymbolicTraits(htmlTraits) {
                let newFont = UIFont(descriptor: adjustedDescriptor, size: font.pointSize)
                changes[range] = newFont
            }
        }
        changes.forEach { range, newFont in
            removeAttribute(.font, range: range)
            addAttribute(.font, value: newFont, range: range)
        }
    }
}

a única solução completa que funciona para UILabele UITextView. obrigado!
Radu Ursache 20/04

3

Obrigado pelas respostas, gostei muito da extensão, mas ainda não me converti em rápida. Para aqueles que ainda estão no Objetivo-C, isso deve ajudar um pouco: D

-(void) setBaseFont:(UIFont*)font preserveSize:(BOOL) bPreserve {

UIFontDescriptor *baseDescriptor = font.fontDescriptor;

[self enumerateAttribute:NSFontAttributeName inRange:NSMakeRange(0, [self length]) options:0 usingBlock:^(id  _Nullable value, NSRange range, BOOL * _Nonnull stop) {

    UIFont *font = (UIFont*)value;
    UIFontDescriptorSymbolicTraits traits = font.fontDescriptor.symbolicTraits;
    UIFontDescriptor *descriptor = [baseDescriptor fontDescriptorWithSymbolicTraits:traits];
    UIFont *newFont = [UIFont fontWithDescriptor:descriptor size:bPreserve?baseDescriptor.pointSize:descriptor.pointSize];

    [self removeAttribute:NSFontAttributeName range:range];
    [self addAttribute:NSFontAttributeName value:newFont range:range];

}];    } 

Feliz codificação! --Greg Frame


1
Graças a Deus pelos velhos alunos! :-)
Josef Rysanek

1

Extensão rápida de 3 cordas, incluindo uma fonte nula. A propriedade sem fonte é retirada de outra pergunta SO, não se lembra qual :(

extension String {
    var html2AttributedString: NSAttributedString? {
        guard let data = data(using: .utf8) else {
            return nil
        }

        do {
            return try NSAttributedString(data: data, options: [NSDocumentTypeDocumentAttribute: NSHTMLTextDocumentType, NSCharacterEncodingDocumentAttribute: String.Encoding.utf8.rawValue], documentAttributes: nil)
        }
        catch {
            print(error.localizedDescription)
            return nil
        }
    }

    public func getHtml2AttributedString(font: UIFont?) -> NSAttributedString? {
        guard let font = font else {
            return html2AttributedString
        }

        let modifiedString = "<style>body{font-family: '\(font.fontName)'; font-size:\(font.pointSize)px;}</style>\(self)";

        guard let data = modifiedString.data(using: .utf8) else {
            return nil
        }

        do {
            return try NSAttributedString(data: data, options: [NSDocumentTypeDocumentAttribute: NSHTMLTextDocumentType, NSCharacterEncodingDocumentAttribute: String.Encoding.utf8.rawValue], documentAttributes: nil)
        }
        catch {
            print(error)
            return nil
        }
    }
}

0

Aqui está uma extensão para NSString que retorna um NSAttributedString usando Objective-C.

Ele lida corretamente com uma string com tags HTML e define a fonte e a cor da fonte desejadas, preservando as tags HTML, incluindo BOLD, ITALICS ...

O melhor de tudo é que não depende de nenhum marcador HTML para definir os atributos da fonte.

@implementation NSString (AUIViewFactory)

- (NSAttributedString*)attributedStringFromHtmlUsingFont:(UIFont*)font fontColor:(UIColor*)fontColor
{
    NSMutableAttributedString* mutableAttributedString = [[[NSAttributedString alloc] initWithData:[self dataUsingEncoding:NSUTF8StringEncoding] options:@{NSDocumentTypeDocumentAttribute : NSHTMLTextDocumentType, NSCharacterEncodingDocumentAttribute : @(NSUTF8StringEncoding)} documentAttributes:nil error:nil] mutableCopy]; // parse text with html tags into a mutable attributed string
    [mutableAttributedString beginEditing];
    // html tags cause font ranges to be created, for example "This text is <b>bold</b> now." creates three font ranges: "This text is " , "bold" , " now."
    [mutableAttributedString enumerateAttribute:NSFontAttributeName inRange:NSMakeRange(0, mutableAttributedString.length) options:0 usingBlock:^(id value, NSRange range, BOOL* stop)
    { // iterate every font range, change every font to new font but preserve symbolic traits such as bold and italic (underline and strikethorugh are preserved automatically), set font color
        if (value)
        {
            UIFont* oldFont = (UIFont*)value;
            UIFontDescriptor* fontDescriptor = [font.fontDescriptor fontDescriptorWithSymbolicTraits:oldFont.fontDescriptor.symbolicTraits];
            UIFont* newFont = [UIFont fontWithDescriptor:fontDescriptor size:font.pointSize];
            [mutableAttributedString removeAttribute:NSFontAttributeName range:range]; // remove the old font attribute from this range
            [mutableAttributedString addAttribute:NSFontAttributeName value:newFont range:range]; // add the new font attribute to this range
            [mutableAttributedString addAttribute:NSForegroundColorAttributeName value:fontColor range:range]; // set the font color for this range
        }
    }];
    [mutableAttributedString endEditing];
    return mutableAttributedString;
}

@end

-3

Na verdade, existe uma maneira ainda mais fácil e limpa. Basta definir a fonte depois de analisar o HTML:

 NSMutableAttributedString *text = [[NSMutableAttributedString alloc] initWithData:[htmlString dataUsingEncoding:NSUTF8StringEncoding]
                                                                     options:@{
                                                                               NSDocumentTypeDocumentAttribute: NSHTMLTextDocumentType,
                                                                               NSCharacterEncodingDocumentAttribute: @(NSUTF8StringEncoding)}
                                                          documentAttributes:nil error:nil];
    [text addAttributes:@{NSFontAttributeName: [UIFont fontWithName:@"Lato-Regular" size:20]} range:NSMakeRange(0, text.length)];

14
Isso funciona, mas você perde negrito e itálico <b> e <u> porque esses são substituídos pela fonte.
Mr. Zystem
Ao utilizar nosso site, você reconhece que leu e compreendeu nossa Política de Cookies e nossa Política de Privacidade.
Licensed under cc by-sa 3.0 with attribution required.