How to set height of UIWebView based on html content?

Question

I want to set height of UIWebview based on HTML content. I am getting the size of a string, but not getting the actual size due to paragraph, bold, different font size, etc.

I have webview in each row in UITablView. I am not getting every row's webview height at heightForRowAtIndexPath. So i am confuse how to set Each row height in heightForRowAtIndexPath. — KPIteng, Oct 30 '12 at 10:10

score 13 · Accepted Answer · edited Jun 30 '15 at 18:56

13

I usually use these methods, to set UIWebview frame as it's content size:

- (void)webViewDidStartLoad:(UIWebView *)webView {
    CGRect frame = webView.frame;
    frame.size.height = 5.0f;
    webView.frame = frame;
}

- (void)webViewDidFinishLoad:(UIWebView *)webView {
    CGSize mWebViewTextSize = [webView sizeThatFits:CGSizeMake(1.0f, 1.0f)]; // Pass about any size
    CGRect mWebViewFrame = webView.frame;
    mWebViewFrame.size.height = mWebViewTextSize.height;
    webView.frame = mWebViewFrame;

    //Disable bouncing in webview
    for (id subview in webView.subviews) {
        if ([[subview class] isSubclassOfClass: [UIScrollView class]]) {
            [subview setBounces:NO];
        }
    }
}

They are automatically called (if you set webView's delegate to this class), when WebView has finished loading it's content.

edited Jun 30 '15 at 18:56

Sujay

2,510
2
27
47

answered Oct 16 '12 at 12:41

Guntis Treulands

4,764
2
50
72

3

Why are you iterating over the subviews to find the scroll view? just use webView.scrollView. I also think that you should only set bounces in viewDidLoad since it only needs to happen once. (It's still a fine answer.) – griotspeak Aug 27 '14 at 12:35
Thanks for the comment - good idea :) . The code I posted is really old, from time when scrollview was not accessible directly. – Guntis Treulands Aug 27 '14 at 14:35

score 8 · Answer 2 · answered Aug 08 '13 at 11:33

8

Well, every web view has a UIScrollView built into it, so I would try waiting for the page to load and then tapping into the scroll view's contentSize property to get the height of the page.

- (void)webViewDidFinishLoad:(UIWebView *)webView
{
    CGFloat height = webView.scrollView.contentSize.height;
}

answered Aug 08 '13 at 11:33

Mick MacCallum

129,200
40
280
281

in this code what is height.it is any property for web view height. – User558 Mar 08 '16 at 04:53

score 6 · Answer 3 · edited Aug 08 '13 at 11:25

6

Try this code

- (void)webViewDidFinishLoad:(UIWebView *)webView
{     
    height= [[self.webView stringByEvaluatingJavaScriptFromString:@"document.body.scrollHeight"] floatValue];
}

edited Aug 08 '13 at 11:25

Parth Bhatt

19,381
28
133
216

answered Oct 16 '12 at 12:58

score 1 · Answer 4 · edited May 23 '17 at 12:30

1

- (void)viewDidLoad
{
    [super viewDidLoad];
    webview.delegate = self;
    [webview loadHTMLString:@"<div id='foo' style='background: red'>The quick brown fox jumped over the lazy dog.</div>" baseURL:nil];
}

- (void)webViewDidFinishLoad:(UIWebView *)webView
{
    NSString *output = [webview stringByEvaluatingJavaScriptFromString:@"document.getElementById(\"foo\").offsetHeight;"];
    NSLog(@"height: %@", output);
}

see also How to determine UIWebView height based on content, within a variable height UITableView?

Calculate UIWebView height depending on its content

edited May 23 '17 at 12:30

Community

1
1

answered Oct 16 '12 at 12:42

Venk

5,949
9
41
52

2

But i have UIWebview in UITableView & each row have UIWebView so how i calculate because table height set before cellForRowAtIndex called. – KPIteng Oct 29 '12 at 10:46

score 0 · Answer 5 · answered Nov 04 '15 at 06:05

If you have webview in tableviewcell, in heightForRowAtIndexPath set the height of cell to height of NSAttributedString size as following.

-(CGFloat)tableView:(UITableView *)tableView heightForRowAtIndexPath:(NSIndexPath *)indexPath{


    NSAttributedString *attributedText = [NSString  getHTMLAttributedString:@"HTML Content"];
    CGSize size = CGSizeMake(300, CGFLOAT_MAX);
    CGRect paragraphRect =     [attributedText boundingRectWithSize:size
                                 options:(NSStringDrawingUsesLineFragmentOrigin)
                                 context:nil];
    return paragraphRect.size.height;
}

+(NSAttributedString *) getHTMLAttributedString:(NSString *) string{
    NSError *errorFees=nil;
    NSString *sourceFees = [NSString stringWithFormat:
                            @"<span style=\"font-family: 'Roboto-Light';font-size: 14px\">%@</span>",string];
    NSMutableAttributedString* strFees = [[NSMutableAttributedString alloc] initWithData:[sourceFees dataUsingEncoding:NSUTF8StringEncoding]
                                                                                 options:@{NSDocumentTypeDocumentAttribute: NSHTMLTextDocumentType,
                                                                                           NSCharacterEncodingDocumentAttribute: [NSNumber numberWithInt:NSUTF8StringEncoding]}
                                                                      documentAttributes:nil error:&errorFees];
    return strFees;

}

How to set height of UIWebView based on html content?

5 Answers5