Reading HTML String using SwiftUI

Question

I'm trying to read HTML formatted content using SwiftUI, I tried using several different methods to load the HTML string but the string was not displayed. I'm using XCode 11.2.1, I will appreciate your help.

import SwiftUI
import Combine
import WebKit

struct SubChapterDetails: View {
    let sentDescription: String
    let webView = WKWebView()

    var body: some View {
           VStack {
               Text("Testing HTML Content")
               Spacer()
               HTMLStringView(htmlContent: "<h1>This is HTML String</h1>")  //It doesn't displays this when the code is executed
               Spacer()
           }
       }
}

struct SubChapterDetails_Previews: PreviewProvider {
    static var previews: some View {
        SubChapterDetails(sentDescription: "")
    }
}

struct HTMLStringView: UIViewRepresentable {
    let htmlContent: String

    func makeUIView(context: Context) -> WKWebView {
        return WKWebView()
    }

    func updateUIView(_ uiView: WKWebView, context: Context) {
        uiView.loadHTMLString(htmlContent, baseURL: nil)
    }
}

Your HTMLStringView is shown perfectly on my machine using XCode 11.3.1 — KevinP
– KevinP, Commented Mar 14, 2020 at 13:11
@Mamaessen for me, I'm having this error/warning on my debug console what could i be missing? >> Could not signal service com.apple.WebKit.Networking: 113: Could not find specified service — Frank Mwarimbo
– Frank Mwarimbo, Commented Mar 14, 2020 at 13:16

Dharman · Accepted Answer · 2020-11-27 19:29:05Z

8

While having the same issue for a macOS targeted app, I stumbled over this problem as well. Just seconds before I was ready to pull my hair off, I found a mention of entitlements while researching.

So, I went and activated the Outgoing Connections (Client) entitlement – et voilà: it works.

I am quite surprised that this is necessary as the html I want to load is purely local, even in code in my proof of concept right now.

And here's the code:

struct ContentView: View {    

    var body: some View {
        WebViewWrapper(html: "<h1>Hello World!</h1>")
    }
}

struct WebViewWrapper: NSViewRepresentable {
    
    let html: String
    
    func makeNSView(context: Context) -> WKWebView {
        return WKWebView()
    }
    
    func updateNSView(_ nsView: WKWebView, context: Context) {
        nsView.loadHTMLString(html, baseURL: nil)
    }
}

edited Nov 27, 2020 at 19:29

Dharman♦

33.9k27 gold badges106 silver badges157 bronze badges

answered Nov 27, 2020 at 19:23

appfrosch

1,4361 gold badge18 silver badges46 bronze badges

Sign up to request clarification or add additional context in comments.

1 Comment

ConfusionTowers Over a year ago

Is there any comparable solution for iOS apps?

Collectives™ on Stack Overflow

Reading HTML String using SwiftUI

1 Answer 1

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related