How to use css with UIWebView?

Question

In my class derived from UIViewController I have a class variable of type UIWebView* called helpView. And I use the following code for viewDidLoad.

- (void)viewDidLoad {
    [super viewDidLoad];
    NSURL *helpFileURL=[NSURL fileURLWithPath:[NSString stringWithFormat:@"%@/tutorial.html",
                                               [[NSBundle mainBundle] resourcePath]]];
    NSURLRequest *request = [NSURLRequest requestWithURL:helpFileURL];
    [helpView loadRequest:request];
}

and things work fine, I can see "tutorial.html" on my simulator and device.

Now here is my question, I want to use a CSS file called tutorial.css along with my tutorial.html. In the same way tutorial.html is in the app bundle, tutorial.css is also in the app bundle.

How should I modify the code above for this to work? I tried a few things on my own, but failed. And I did not find anything clear answer looking on the web. Obviously if I use the usual:

  <link href="css/tutorial.css" rel="stylesheet" type="text/css" />

in my tutorial.html file it is not enough.

Thanks for any information.

Tieme · Accepted Answer · 2012-09-05 07:25:51Z

2

Leave out the css directory, your bundle doesn't work that way.

<link href="tutorial.css" rel="stylesheet" type="text/css" />

Then change your code to load the html with a nice base url:

- (void)viewDidLoad {
    [super viewDidLoad];

    NSString *filePath = [[NSBundle mainBundle] pathForResource:@"tutorial" ofType:@"html"];
    NSString *htmlString = [NSString stringWithContentsOfFile:filePath encoding:NSUTF8StringEncoding error:nil];

    NSURL *baseURL = [NSURL fileURLWithPath:[[NSBundle mainBundle] bundlePath]];

    [webView loadHTMLString:htmlString baseURL:baseURL];
}

edited Sep 5, 2012 at 7:25

answered Sep 3, 2012 at 8:10

Tieme

66.1k22 gold badges111 silver badges159 bronze badges

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

2 Comments

Michel Over a year ago

Thanks it works. The only thing I can say is that I get a warning telling me that stringWithContentsOfFile is deprecated.

Michel Over a year ago

I found a fix here: iphone.keyvisuals.com/apps/…

Collectives™ on Stack Overflow

How to use css with UIWebView?

1 Answer 1

2 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

2 Comments

Your Answer

Sign up or log in

Post as a guest

Related