SwiftUI 解析包含图片的 HTML 字符串 - 使用 WebKit 加载和显示 - 常规

{/'title/':/'SwiftUI 解析包含图片的 HTML 字符串 - 使用 WebKit 加载和显示/',/'description/':/'使用 SwiftUI 和 WebKit 解析并显示包含图片的 HTML 字符串。本文提供了一个示例代码，演示如何使用 UIViewRepresentable 和 WKWebView 加载和显示 HTML 内容，并解释了如何处理图片加载问题。/',/'keywords/':/'SwiftUI, HTML, WebKit, WKWebView, 图片, 解析, 显示, UIViewRepresentable, NSAppTransportSecurity, NSAllowsArbitraryLoads/',/'content/':/'在 SwiftUI 中解析包含图片的 HTML 字符串，可以使用 WebKit 来加载和显示 HTML 内容。下面是一个示例代码：//n//nswift//nimport SwiftUI//nimport WebKit//n//nstruct HTMLView: UIViewRepresentable {//n let htmlString: String//n //n func makeUIView(context: Context) -> WKWebView {//n return WKWebView()//n }//n //n func updateUIView(_ uiView: WKWebView, context: Context) {//n uiView.loadHTMLString(htmlString, baseURL: nil)//n }//n}//n//nstruct ContentView: View {//n let htmlString = ///'///'//n <html>//n <body>//n <h1>Hello, World!</h1>//n <img src=///'https://example.com/image.jpg///' alt=///'Example Image///' />//n </body>//n </html>//n ///'///'//n //n var body: some View {//n HTMLView(htmlString: htmlString)//n }//n}//n//nstruct ContentView_Previews: PreviewProvider {//n static var previews: some View {//n ContentView()//n }//n}//n//n//n在上面的示例中，我们创建了一个名为HTMLView的UIViewRepresentable结构体。它使用WKWebView来显示 HTML 内容。makeUIView方法创建一个WKWebView实例，updateUIView方法在视图需要更新时加载 HTML 字符串。//n//n在ContentView中，我们创建了一个包含图片的 HTML 字符串，并将其传递给HTMLView进行显示。//n//n请注意，为了使图片显示正常，你需要将WKWebView添加到你的应用程序的 Info.plist 文件的NSAppTransportSecurity下的NSAllowsArbitraryLoads键中，并将其设置为true。这样可以允许应用程序加载来自任何来源的图片。如果你只想允许加载特定的来源，请将NSAllowsArbitraryLoads设置为false并添加适当的例外规则。/