Swift实现WordPress博客链接自动识别并跳转Safari方案咨询

你的问题核心是SwiftUI原生Text组件无法自动响应富文本中的链接点击，以下是具体解决方向和代码实现：

方案一：用UITextView封装（推荐，原生支持链接跳转） #

SwiftUI的Text对富文本链接的交互支持有限，直接用UIKit的UITextView封装成SwiftUI组件，它能自动识别富文本中的链接并跳转至Safari。

1. 创建AttributedTextView组件 #

import SwiftUI
import UIKit

struct AttributedTextView: UIViewRepresentable {
    let attributedText: NSAttributedString
    
    func makeUIView(context: Context) -> UITextView {
        let textView = UITextView()
        textView.attributedText = attributedText
        textView.isEditable = false
        textView.isSelectable = true
        textView.backgroundColor = .clear // 适配你的背景色
        textView.textColor = .white // 适配你的文本颜色
        // 自定义链接样式（可选）
        textView.linkTextAttributes = [
            .foregroundColor: UIColor.blue,
            .underlineStyle: NSUnderlineStyle.single.rawValue
        ]
        // 自动检测并打开链接
        textView.dataDetectorTypes = .link
        return textView
    }
    
    func updateUIView(_ uiView: UITextView, context: Context) {
        uiView.attributedText = attributedText
    }
}

2. 修改PostContentView中的text闭包 #

将原来返回Text(attributedText)的代码替换为上述组件：

text: { attributedText in
    AttributedTextView(attributedText: attributedText)
        .frame(maxWidth: .infinity, alignment: .leading)
}

方案二：手动解析链接添加点击手势（自定义需求场景） #

如果需要完全自定义链接样式或交互逻辑，可以手动遍历富文本中的链接属性，为每个链接文本添加点击手势：

text: { attributedText in
    var textSegments: [AnyView] = []
    // 遍历富文本中的链接属性
    attributedText.enumerateAttribute(.link, in: NSRange(location: 0, length: attributedText.length)) { value, range, _ in
        let subString = attributedText.attributedSubstring(from: range)
        let plainText = subString.string
        
        if let url = value as? URL {
            // 可点击的链接文本
            textSegments.append(
                AnyView(
                    Text(plainText)
                        .foregroundColor(.blue)
                        .underline()
                        .onTapGesture {
                            UIApplication.shared.open(url)
                        }
                )
            )
        } else {
            // 普通文本
            textSegments.append(AnyView(Text(subString)))
        }
    }
    
    // 拼接所有文本段
    return HStack(spacing: 0, alignment: .firstTextBaseline) {
        ForEach(textSegments.indices, id: \.self) { index in
            textSegments[index]
        }
    }
}

前提验证 #

确保WPArticleView解析后的attributedText包含NSLinkAttributeName属性（对应HTML中的<a>标签）。如果该库未处理链接属性，需先自行转换HTML为带链接的富文本：

guard let htmlData = post.content.rendered.data(using: .utf8) else {
    return Text("加载失败")
}
let options: [NSAttributedString.DocumentReadingOptionKey: Any] = [
    .documentType: NSAttributedString.DocumentType.html,
    .characterEncoding: String.Encoding.utf8.rawValue
]
do {
    let attributedText = try NSAttributedString(data: htmlData, options: options, documentAttributes: nil)
    // 使用该attributedText进行展示
} catch {
    print("HTML解析错误: \(error)")
}

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