Swift - Ändern Sie die schriftart in einem HTML-string, der hat seinen eigenen Stile

Ich bin dinamically immer eine HTML-Zeichenfolge aus einer WordPress-API und analysieren es in ein Attributiertes Zeichenfolge, um es in mein app. Da der string hat seine eigenen Stile, es zeigt verschiedene Schriftarten und-Größen, etwas, das Auswirkungen auf unsere design-Entscheidungen.

Was ich tun möchten, ist ändern Sie den schriftart und seine Größe auf der ganzen zugeschrieben string.

Ich habe versucht zu tun, so dass in den Optionen der zugeordneten Zeichenfolge, aber es tut sich nix:

let attributedT = try! NSAttributedString(
            data: nContent!.decodeHTML().data(using: String.Encoding.unicode, allowLossyConversion: true)!,
            options: [ NSDocumentTypeDocumentAttribute: NSHTMLTextDocumentType, NSFontAttributeName: UIFont(name: "Helvetica", size: 16.0)!],
            documentAttributes: nil)
        contentLbl.attributedText = attributedT

Hat jemand irgendwelche Ideen auf, wie dies zu erreichen?

P. S. ich weiß, dass ich könnte hinzufügen, ein CSS-tag, um den Anfang oder das Ende der Zeichenfolge, aber würde diese Vorrang vor anderen Stilen? Auch, wenn dies eine gültige Lösung, könnten Sie bitte ein Beispiel, wie es zu tun?

Hinweis (nicht darauf hingewiesen, aber die aktuellen Antworten): Der doc NSAttributedString(data:options:documentAttributes:) besagt, dass Sie können nicht NSFontAttributeName im options, es wird nicht gelesen werden. Das ist, warum Sie den code nicht tut, was Sie erwarten.

InformationsquelleAutor Jacobo Koenig | 2017-01-01

Den setAttributes zurücksetzen, werden alle Attribute aus HTML. Ich schrieb eine Erweiterung Methode, dies zu vermeiden:

Swift 4

public convenience init?(HTMLString html: String, font: UIFont? = nil) throws {
    let options : [NSAttributedString.DocumentReadingOptionKey : Any] =
        [NSAttributedString.DocumentReadingOptionKey.documentType: NSAttributedString.DocumentType.html,
         NSAttributedString.DocumentReadingOptionKey.characterEncoding: String.Encoding.utf8.rawValue]

    guard let data = html.data(using: .utf8, allowLossyConversion: true) else {
        throw NSError(domain: "Parse Error", code: 0, userInfo: nil)
    }

    if let font = font {
        guard let attr = try? NSMutableAttributedString(data: data, options: options, documentAttributes: nil) else {
            throw NSError(domain: "Parse Error", code: 0, userInfo: nil)
        }
        var attrs = attr.attributes(at: 0, effectiveRange: nil)
        attrs[NSAttributedStringKey.font] = font
        attr.setAttributes(attrs, range: NSRange(location: 0, length: attr.length))
        self.init(attributedString: attr)
    } else {
        try? self.init(data: data, options: options, documentAttributes: nil)
    }
}

Probe:

let html = "<html><body><h1 style=\"color:red;\">html text here</h1></body></html>"
let font = UIFont.systemFont(ofSize: 16)

var attr = try NSMutableAttributedString(HTMLString: html, font: nil)
var attrs = attr?.attributes(at: 0, effectiveRange: nil)
attrs?[NSAttributedStringKey.font] as? UIFont
//print: <UICTFont: 0x7ff19fd0a530> font-family: "TimesNewRomanPS-BoldMT"; font-weight: bold; font-style: normal; font-size: 24.00pt

attr = try NSMutableAttributedString(HTMLString: html, font: font)
attrs = attr?.attributes(at: 0, effectiveRange: nil)
attrs?[NSAttributedStringKey.font] as? UIFont
// print: <UICTFont: 0x7f8c0cc04620> font-family: ".SFUIText"; font-weight: normal; font-style: normal; font-size: 16.00pt

Bitte ändern Sie die "text" in der Erweiterung für "html". Dadurch wird die Antwort vollständig und korrekt ist.
vielen Dank für den Hinweis auf diesen Fehler. Aktualisiert.
Ich sehe das gleiche Protokoll (richtigen font-family, font-Typ etc), wie Sie hier erwähnt, aber wenn ich attr, UILabel, es funktioniert nicht.

InformationsquelleAutor bubuxu

14

Was Sie tun möchten, ist im Grunde genommen drehen Sie den NSAttributedString in eine NSMutableAttributedString.
```
let attributedT = //... attributed string
let mutableT = NSMutableAttributedString(attributedString:attributedT)
```
Rufen Sie nun addAttributes Attribute angewendet, wie ein andere schriftart, über jeden gewünschten Bereich, wie Sie die ganze Sache.

Jedoch leider eine schriftart ohne ein symbolischer Charakterzug, wie Kursiv ist ein andere schriftart aus einer schriftart mit dieser symbolischen Eigenschaft. Also, Sie gehen zu müssen, um ein Dienstprogramm, das kopiert die bestehende symbolische Merkmale, die vom Schrift-und wendet Sie auf eine andere schriftart:
```
func applyTraitsFromFont(_ f1: UIFont, to f2: UIFont) -> UIFont? {
    let t = f1.fontDescriptor.symbolicTraits
    if let fd = f2.fontDescriptor.withSymbolicTraits(t) {
        return UIFont.init(descriptor: fd, size: 0)
    }
    return nil
}
```
Okay, also, bewaffnet mit diesem Dienstprogramm, lass es uns versuchen. Ich werde beginnen mit einigen einfachen HTML-und konvertieren es in ein zugeschrieben Zeichenfolge, so wie Sie tun:
```
let html = "<p>Hello <i>world</i>, hello</p>"
let data = html.data(using: .utf8)!
let att = try! NSAttributedString.init(
    data: data, options: [NSDocumentTypeDocumentAttribute: NSHTMLTextDocumentType],
    documentAttributes: nil)
let matt = NSMutableAttributedString(attributedString:att)
```
Wie Sie sehen können, habe ich in eine NSMutableAttributedString, wie ich riet. Jetzt werde ich Zyklus durch den Stil führt in Bezug auf schriftart ändern, um eine andere schriftart während der Verwendung meiner Dienstprogramm gelten die bisherigen Merkmale:
```
matt.enumerateAttribute(
    NSFontAttributeName,
    in:NSMakeRange(0,matt.length),
    options:.longestEffectiveRangeNotRequired) { value, range, stop in
        let f1 = value as! UIFont
        let f2 = UIFont(name:"Georgia", size:20)!
        if let f3 = applyTraitsFromFont(f1, to:f2) {
            matt.addAttribute(
                NSFontAttributeName, value:f3, range:range)
        }
    }
```
Hier ist das Ergebnis:

Natürlich könnten Sie zwicken Sie dieses Verfahren, um noch anspruchsvollere, je nach Ihren design-Anforderungen.

Die setAttributes zurücksetzen, werden alle Attribute aus HTML.
Richtig, ich meinte addAttributes. Ist jetzt behoben. Danke für den Fang.
Okay, meine Feste Antwort so, dass es tatsächlich funktioniert. 🙂
Ich bin mit dieser Methode. Ich bin vor ein Problem. Wann immer ich übergeben Sie eine benutzerdefinierte schriftart Hinzugefügt in meine app: lass f2 = UIFont(name:"Georgia", Größe:20)! . Font-style funktioniert nicht, aber die Größe funktioniert. Es arbeitet mit den anderen font-Familien, die in xcode.
Wenn Sie eine Frage haben, Fragen Sie einen Frage von.

InformationsquelleAutor matt

Swift 4 Lösung

NSAttributedString Erweiterung mit Komfort-Initialisierer
Listet der attributierten string (HTML-Dokument) die schriftart, Attribute und ersetzt die mit der vorgesehenen UIFont
Bewahrt den original-HTML-Schriftgrößen, oder verwendet " font-size aus, sofern UIFont, @siehe useDocumentFontSize parameter
Dieser Methode können Sie einfach konvertieren von HTML in NSAttributedString, ohne die überlastung der Manipulation mit Schriften, überspringen Sie einfach die font-parameter, @siehe guard Anweisung

extension NSAttributedString {

    convenience init(htmlString html: String, font: UIFont? = nil, useDocumentFontSize: Bool = true) throws {
        let options: [NSAttributedString.DocumentReadingOptionKey : Any] = [
            .documentType: NSAttributedString.DocumentType.html,
            .characterEncoding: String.Encoding.utf8.rawValue
        ]

        let data = html.data(using: .utf8, allowLossyConversion: true)
        guard (data != nil), let fontFamily = font?.familyName, let attr = try? NSMutableAttributedString(data: data!, options: options, documentAttributes: nil) else {
            try self.init(data: data ?? Data(html.utf8), options: options, documentAttributes: nil)
            return
        }

        let fontSize: CGFloat? = useDocumentFontSize ? nil : font!.pointSize
        let range = NSRange(location: 0, length: attr.length)
        attr.enumerateAttribute(.font, in: range, options: .longestEffectiveRangeNotRequired) { attrib, range, _ in
            if let htmlFont = attrib as? UIFont {
                let traits = htmlFont.fontDescriptor.symbolicTraits
                var descrip = htmlFont.fontDescriptor.withFamily(fontFamily)

                if (traits.rawValue & UIFontDescriptorSymbolicTraits.traitBold.rawValue) != 0 {
                    descrip = descrip.withSymbolicTraits(.traitBold)!
                }

                if (traits.rawValue & UIFontDescriptorSymbolicTraits.traitItalic.rawValue) != 0 {
                    descrip = descrip.withSymbolicTraits(.traitItalic)!
                }

                attr.addAttribute(.font, value: UIFont(descriptor: descrip, size: fontSize ?? htmlFont.pointSize), range: range)
            }
        }

        self.init(attributedString: attr)
    }

}

- Nutzung-1 (Schriften Ersetzen)

let attr = try? NSAttributedString(htmlString: "<strong>Hello</strong> World!", font: UIFont.systemFont(ofSize: 34, weight: .thin))

Nutzung-2 (NSMutableAttributedString Beispiel)

let attr = try! NSMutableAttributedString(htmlString: "<strong>Hello</strong> World!", font: UIFont.systemFont(ofSize: 34, weight: .thin))
attr.append(NSAttributedString(string: " MINIMIZE", attributes: [.link: "@m"]))

- Nutzung-3 (Nur konvertieren von HTML in NSAttributedString)

let attr = try? NSAttributedString(htmlString: "<strong>Hello</strong> World!")

Ich bin immer 'DocumentReadingOptionKey' is unavailable in Swift. Haben Sie ersetzt es mit etwas anderes, da Sie dann? Google Suche dreht nichts.
Wie bereits erwähnt Swift 4-Lösung (siehe erste Zeile), und Sie sind mittels Swift-3.x, überprüfen Sie bitte meine neue Antwort für eine Swift 3 entspricht
Danke für die Antwort. Ich habe nur gefragt, da ging ich auf "Projekt" -> "Build-Einstellungen" -> "Swift-Sprachen" - version, und es sagt 4. Muss ein anderes Thema, obwohl.

InformationsquelleAutor AamirR

Swift 3 version von meinem vorherigen Swift (4) Lösung

extension NSAttributedString {

    convenience init(htmlString html: String, font: UIFont? = nil, useDocumentFontSize: Bool = true) throws {
        let options: [String : Any] = [
            NSDocumentTypeDocumentAttribute: NSHTMLTextDocumentType,
            NSCharacterEncodingDocumentAttribute: String.Encoding.utf8.rawValue
        ]

        let data = html.data(using: .utf8, allowLossyConversion: true)
        guard (data != nil), let fontFamily = font?.familyName, let attr = try? NSMutableAttributedString(data: data!, options: options, documentAttributes: nil) else {
            try self.init(data: data ?? Data(html.utf8), options: options, documentAttributes: nil)
            return
        }

        let fontSize: CGFloat? = useDocumentFontSize ? nil : font!.pointSize
        let range = NSRange(location: 0, length: attr.length)
        attr.enumerateAttribute(NSFontAttributeName, in: range, options: .longestEffectiveRangeNotRequired) { attrib, range, _ in
            if let htmlFont = attrib as? UIFont {
                let traits = htmlFont.fontDescriptor.symbolicTraits
                var descrip = htmlFont.fontDescriptor.withFamily(fontFamily)

                if (traits.rawValue & UIFontDescriptorSymbolicTraits.traitBold.rawValue) != 0 {
                    descrip = descrip.withSymbolicTraits(.traitBold)!
                }

                if (traits.rawValue & UIFontDescriptorSymbolicTraits.traitItalic.rawValue) != 0 {
                    descrip = descrip.withSymbolicTraits(.traitItalic)!
                }

                attr.addAttribute(NSFontAttributeName, value: UIFont(descriptor: descrip, size: fontSize ?? htmlFont.pointSize), range: range)
            }
        }

        self.init(attributedString: attr)
    }

}

es funktioniert auch für swift 3.2 und Xcode-9.2 (Y) gute Arbeit
vielen Dank für die schnelle und genaue Antwort.. ich war auf der Suche für diese eine Menge.
Froh, dass es geholfen hat!

InformationsquelleAutor AamirR

-1

let font = UIFont(name: fontName, size: fontSize)
textAttributes[NSFontAttributeName] = font
self.attributedText = NSAttributedString(string: self.text, attributes: textAttributes)

InformationsquelleAutor Rohan Dave

Schreibe einen Kommentar

Du musst angemeldet sein, um einen Kommentar abzugeben.