Swift 5中NSAttributedString异常？HTML粗体标签无法渲染

问题根源 #

你当前的代码里，htmlString属性是将解析后的NSAttributedString转成了普通String，这会直接丢失所有富文本格式（包括粗体、斜体），所以SwiftUI的Text只能显示纯文本，自然看不到样式。

解决方案一：自定义支持NSAttributedString的View（兼容iOS 13+） #

通过UIViewRepresentable包装UILabel，让它能渲染NSAttributedString：

import SwiftUI

struct AttributedText: UIViewRepresentable {
    var attributedString: NSAttributedString?
    
    func makeUIView(context: Context) -> UILabel {
        let label = UILabel()
        label.numberOfLines = 0 // 支持多行显示
        return label
    }
    
    func updateUIView(_ uiView: UILabel, context: Context) {
        uiView.attributedText = attributedString
    }
}

// 保留String扩展中的htmlAttributedString即可
extension String {
    var htmlAttributedString: NSAttributedString? {
        guard let data = Data(self.utf8) else { return nil }
        return try? NSAttributedString(
            data: data,
            options: [.documentType: NSAttributedString.DocumentType.html],
            documentAttributes: nil
        )
    }
}

使用方式 #

let string = "<b>sample</b> <i>italic text</i>"
AttributedText(attributedString: string.htmlAttributedString)

解决方案二：使用SwiftUI原生AttributedString（iOS 15+） #

iOS 15及以上可以直接将HTML转成SwiftUI原生的AttributedString，无需自定义View：

extension String {
    var htmlAttributedString: AttributedString? {
        guard let data = Data(self.utf8) else { return nil }
        do {
            let nsAttributedString = try NSAttributedString(
                data: data,
                options: [.documentType: NSAttributedString.DocumentType.html],
                documentAttributes: nil
            )
            return AttributedString(nsAttributedString)
        } catch {
            return nil
        }
    }
}

使用方式 #

let string = "<b>sample</b> <i>italic text</i>"
if let attributedText = string.htmlAttributedString {
    Text(attributedText)
} else {
    Text(string) // 解析失败时显示原文本
}

额外说明 #

• 之前硬编码HTML样式无效，可能是解析时的样式优先级问题，或是HTML结构片段不完整（不过多数情况下NSAttributedString能直接解析片段）。
• 关于Markdown失效的问题，SwiftUI的Text支持GitHub风格的Markdown，若你是通过HTML转Markdown的方式失效，这属于独立问题，需单独排查转译逻辑。

内容的提问来源于stack exchange，提问作者chitgoks