先是 html 文件內容
// index.html <html> <body> <div id="content" contenteditable="false" style="font-family: Helvetica"> <a href="id:abc" style="text-decoration:none; color:green"> John </a> : This is out Rich Text Editing View </div> </body> </html>
加載 html 文件
- (void)viewDidLoad { [super viewDidLoad]; // Do any additional setup after loading the view, typically from a nib. NSBundle *mainBundle = [NSBundle mainBundle]; NSURL *indexFileURL = [mainBundle URLForResource:@"index" withExtension:@"html"]; [self.webView loadRequest:[NSURLRequest requestWithURL:indexFileURL]]; }
計算 webView 顯示內容后實際高度
兩種方法，方法1可以得到內容的實際高度，方法2得到了將內容顯示完整后的 webView 的尺寸（包含 UIEdgeInsets）
- (void)webViewDidFinishLoad:(UIWebView *)wb { //方法1 CGFloat documentWidth = [[wb stringByEvaluatingJavaScriptFromString:@"document.getElementById('content').offsetWidth"] floatValue]; CGFloat documentHeight = [[wb stringByEvaluatingJavaScriptFromString:@"document.getElementById(\"content\").offsetHeight;"] floatValue]; NSLog(@"documentSize = {%f, %f}", documentWidth, documentHeight); //方法2 CGRect frame = wb.frame; frame.size.width = 768; frame.size.height = 1; // wb.scrollView.scrollEnabled = NO; wb.frame = frame; frame.size.height = wb.scrollView.contentSize.height; NSLog(@"frame = %@", [NSValue valueWithCGRect:frame]); wb.frame = frame; }
截圖：