Question

尝试将包含图像的HTML内容加载到UITextView或WKWebView中（我只需要呈现它！）

但是，当我将HTML加载到WKWebView时，图像不会加载，视图也不会重新加载，并且从内容加载之前开始就遵守Autolayout约束：

相关代码在这里：

    webView.navigationDelegate = self
    webView.loadHTMLString(body, baseURL: nil)

和

func webView(_ webView: WKWebView, didFinish navigation: WKNavigation!) {

    if webView.isLoading == false {
        webView.evaluateJavaScript("document.body.scrollHeight", completionHandler: { [weak self] (result, error) in
            guard let safeSelf = self else {return}
            if let height = result as? CGFloat {
                print("height of webview: \(height)")
                webView.frame.size.height += height
                //Layout subviews?
            }
        })
    }

}

但是，根据accepted answer found here，使用UITextView，我可以执行以下操作：

extension String {

var htmlToAttributedString: NSMutableAttributedString? {
    guard let data = data(using: .unicode) else { return NSMutableAttributedString() }
    do {
        return try NSMutableAttributedString(data: data, options: [.documentType: NSMutableAttributedString.DocumentType.html], documentAttributes: nil)
    } catch {
        return NSMutableAttributedString()
    }
}

并将其设置为：

textView.attributedText = htmlString.htmlToAttributedString

就自动布局而言，这对于文本来说效果很好...但是，它不保留图像（甚至不显示图像会去向的指示），仅保留文本。不是事件保留字体或html使用的字体大小。

我直接使用了该帖子中接受的答案，即使OP要求保留图像，它也不会保留图像。

a）将内容加载到WKWebView并加载图像的正确方法是什么（我的传输安全设置为允许此演示任意加载），或者b）在UITextView的HTML解析中保留图像？我直接获得了html而不是URL。

编辑：出于测试目的，我在代码中硬编码了一个小的示例html，以用于UIWebView / WKWebView中，以反映从API调用中获得的部分内容。

let body = "<div class=\"media-attachment\"><a href=\"https://www.hnmagazine.com/2017/11/07/latinx-really-mean/\"><img src=\"https://testimages.weareher.com/feed/0/2018-08/t9Qc549F7uCtZdbdXx1ERLbXJN2EXIXVacouJDlX.png\"/></a><p class=\"media-caption\">via <a href=\"https://latinxontherise.podbean.com/\">Latinxontherise</a></p></div></div>"

Answer 1

我建议您应使用UIWebView加载HTMLString。记住为webView拖动委托，并且您只能调用：your_webview.loadHTMLString（yourHTMLString，baseURL：nil） your_webview.scalesPageToFit = true

Answer 2

因此，由于它们是webP图像，因此未加载图像，而Apple不支持webP（因为这是Google的东西）。

关于自动布局的东西，这是基本的解决方案（对于WKWebView）：

func webView(_ webView: WKWebView, didFinish navigation: WKNavigation!) {

    //A delay here is needed because didFinish does not guarantee content has finished displaying
    //Height can only be retrieve after display finishes - hence the delay.
    var height: CGFloat = 0.0
    dispatch_after(0.1, block: {
        height = webView.scrollView.contentSize.height

        webView.snp.makeConstraints({make in //I used SnapKit here, because that's how my repo is setup
            make.height.equalTo(height)
        })
        // If the the webview is in another view, update that view's frame with the height + the existing height of that view's frame.  For me, I had the webview as the header of a uitableview (the cells are user comments, where the header is the "post"):
        guard var headerFrame = self.tableView.tableHeaderView?.frame else {return}
        headerFrame.size.height = headerFrame.size.height + height
        self.header.frame = headerFrame
        self.tableView.tableHeaderView = self.header
    })

上面的代码对我来说非常可靠。我唯一需要做的就是使用WKPreferences设置最小字体，因为WKWebview不尊重html中存在的字体，并且禁用了滚动，因为这是调整其大小以匹配内容的关键。

从HTML将图像加载到UITextview / WKWebView中

2 个答案: