How to load html code in webview?

Question

I am using mywebview.loadHTMLString(htmlCode, baseURL: nil) but it's not working properly, means it doesn't support javascript and css, it only displayed the text inside that html code.

I am getting the html code from api and store it into the String data type and need to pass to the webview.

I have found one more thing webview.load() but it shows me "cannot convert value of type 'String' to expected argument type 'Data'.

Does anyone know how to solve this problem?

This is my simple demo html code, which i wanted to display.But i am getting the color which i have used in above html.

<!doctype html> <html> <head>	<title></title> </head> <body> <p>This is a demo html code, <span style="background-color:#FF0000;">which i wanted to display on UIwebview</span> .</p> <p>But <span style="color:#800080;">it&#39;s wokring</span> properly if i save this code as a<span style="color:#0000FF;"> .html</span> extension then works perfect.</p> </body> </html>

Can you add your htmlcode that you are getting from api in question? — iOS Developer
– iOS Developer, Commented Apr 13, 2018 at 11:54

Rupendra · Accepted Answer · 2018-04-13 11:57:23Z

0

Don't provide baseUrl as nil, Provide the URL where js, css and other files are located.

answered Apr 13, 2018 at 11:57

Rupendra

891 silver badge2 bronze badges

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

3 Comments

Kamran Over a year ago

He mentioned getting the htmlString from the API. It should be fine to provide baseURL nil.

Rupendra Over a year ago

Even if html string is getting generated at server, the js and css dependencies must be present somewhere (may be on the same server), so UIWebView will need that path as baseURL to refer to those files.

Sanket P Over a year ago

I have added the sample html code in my post. please check it.

Lloyd Keijzer · Accepted Answer · 2018-04-13 12:16:24Z

According to the documentation webview.load() expects data not a string. You can convert your html string to data:

guard let data = yourString.data(using: .utf8) else { print("Couldn't convert string to data") return }

webview.loadHTMLString() should load html as a string. Your base url property is probably causing the issue. Take a look at this answer it's a working example of webview.loadHTMLString().

I have added the sample html code in my post. please check it.

Vadlapalli Masthan · Accepted Answer · 2018-04-13 12:21:50Z

Use this code it's working for you

let webView = UIWebView() webView.loadHTMLString("<html><body><p>Hello!</p></body></html>", baseURL: nil)

(OR)

let webView = UIWebView() webView.loadHTMLString("\(htmlcode)", baseURL: nil)

I have added the sample html code in my post. Please check it.
not works in my case. i see all data but not in proper format.

sundance · Accepted Answer · 2018-04-13 21:54:34Z

Maybe you did not escape all characters correctly. Please post the full code of what you tried. For example, if you put the following tag in a string:

<span style="background-color:#FF0000;">

You need to do it like

let span = "<span style=\"background-color:#FF0000;\">"

You can then put together your HTML string like this:

let html = "<!DOCTYPE html>" + "<html>" + "<head>" + "<meta charset=\"UTF-8\">"

and so on. To load the HTML string just use

webView.loadHTMLString(html, baseURL: nil)

Collectives™ on Stack Overflow

How to load html code in webview?

4 Answers 4

3 Comments

1 Comment

2 Comments

Comments

Linked

Hot Network Questions

Collectives™ on Stack Overflow

4 Answers 4

3 Comments

1 Comment

2 Comments

Comments

Linked

Related