How to import css file in UIWebView when I am using loadHTMLString() method in swift (iOS)

Question

I have a common css file and some dynamic html text. What I am trying to do is load the css file from the disk and use dynamic html text to display in the UIWebView instead of putting the same css as text over and over again with the html text.

I am trying this way.

var sometext = "<html><head><link rel=\"stylesheet\" type=\"text/css\" href=\"style.css\"></head>" + "<body><p>some text goes here</p></body></html>"
let mainbundle = NSBundle.mainBundle().bundlePath
let bundleURL = NSURL(fileURLWithPath: mainbundle)
self.webview.loadHTMLString(sometext, baseURL: bundleURL)

Now the problem is css is not getting applied to the html. Is there any one out there who can help, I think I am stuck.

Please help. Thanks!

You have to look at this question : stackoverflow.com/questions/5053109/… may you get help — Ashish Kakkad
– Ashish Kakkad, Commented Jul 11, 2015 at 4:19
@AshishKakkad : I have updated my code based on what you said, still css is not getting applied. can you help, please ? — russell
– russell, Commented Jul 15, 2015 at 20:43
Update for Swift - self.webView.loadHTMLString(sometext, baseURL: NSBundle.mainBundle().bundleURL) — David Douglas
– David Douglas, Commented Aug 4, 2016 at 17:49

Thu Trinh · Accepted Answer · 2015-12-03 02:24:34Z

5

I had the same problem. My code was almost exactly the same as what Russell posted.

Adding my css file to the project was not enough. I had to reference the file in the "Copy Bundle Resources" list in the Build Phase settings.

How to reference the file in XCode 7:

Select the Build Phase tab
Scroll down to the "Copy Bundle Resources" section and add your file. (note: if *.css files don't appear in the list. Click the "Add Other" button)
In the options window choose "Create Folder Reference"

Thats it. This worked for me.

answered Dec 3, 2015 at 2:24

Thu Trinh

511 silver badge2 bronze badges

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

1 Comment

Mansuu.... Over a year ago

How would I know that css has been applied to my web view (bundle resource has several files) @Thu Trinh

LFCameron7 · Accepted Answer · 2016-03-01 20:23:14Z

0

I had this problem and found that when copying my file into my project I had to select "Create Folder Reference" instead of "Create Group" in the popup window.

answered Mar 1, 2016 at 20:23

LFCameron7

711 silver badge3 bronze badges

Collectives™ on Stack Overflow

How to import css file in UIWebView when I am using loadHTMLString() method in swift (iOS)

2 Answers 2

1 Comment

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

1 Comment

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related