美文网首页
iOS文本转html(H5)

iOS文本转html(H5)

作者: 赵永洪 | 来源:发表于2016-04-13 15:59 被阅读1356次

    有的时候需要把model里面的字段转成html格式,防止乱码,下面是核心代码。

    model.Summary是model里面的一个label的属性

    self.webViewSummay初始化一个Webwiew

    NSData*data1=[model.Summary dataUsingEncoding:NSUTF8StringEncoding];

    [self.webViewSummay loadData:data1MIMEType:@"text/html"textEncodingName:@"UTF-8"baseURL:nil];

    NSBundle *bundle = [NSBundle mainBundle];

    NSString *resPath = [bundle resourcePath];

    NSString *filePath = [resPath stringByAppendingPathComponent:@"hello.html"];

    //初始化一个UIWebView实例

    myWebView = [[UIWebView alloc] initWithFrame:self.view.frame];

    //加载指定的html文件

    [myWebView loadRequest:[[NSURLRequest alloc] initWithURL:[[NSURL alloc] initFileURLWithPath:filePath]]];

    下面就是我们的主角登场了。注意,这个方法得在WebView加载完成后执行。如下所示:

    - (void)webViewDidFinishLoad:(UIWebView *)webView

    {

    NSString *jsCode = [NSString stringWithFormat:@"alert(1);"];

    [myWebView stringByEvaluatingJavaScriptFromString:jsCode];

    }

    运行程序就可以看到一个由js弹出的弹窗了。

    但是这仅仅是Objc调用js而已,怎样才能用js去调Objc的方法呢?如果能实现这一步,那么我们就可以实现提供一些系统层面的api去供js调用,从而去让js实现更多功能。查看一下UIWebViewDelegate的文档,会发现有如下接口

    webView:shouldStartLoadWithRequest:navigationType:

    Sent before a web view begins loading a frame.

    - (BOOL)webView:(UIWebView *)webView shouldStartLoadWithRequest:(NSURLRequest *)request navigationType:(UIWebViewNavigationType)navigationType

    当一个web视图开始加载一个frame的时候会触发它。看起来很符合我们的需求。我们可以在页面里创建一个iframe,使用js代码去改变它的src来触发这个调用,从而实现js对Objc的调用。具体的实现方式就不在此赘述,有兴趣的可以看一下我写的这个简单测试。

    webview  自适应

    _webView = [[UIWebView alloc] initWithFrame:CGRectMake(0,0,self.view.frame.size.width,0)];   _webView.delegate=self;_webView.scrollView.bounces=NO;   _webView.scrollView.showsHorizontalScrollIndicator=NO; _webView.scrollView.scrollEnabled=NO;[_webView sizeToFit];///////////////////////////// //设置内容,这里包装一层div,用来获取内容实际高度(像素),htmlcontent是html格式的字符串//////////////NSString * htmlcontent = [NSString stringWithFormat:@"

    %@",  htmlcontent];[_webView loadHTMLString:htmlcontent baseURL:nil];////////////////////////////////delegate的方法重                                            - (void)webViewDidFinishLoad:(UIWebView *)webView{//获取页面高度(像素)                              NSString * clientheight_str = [webView stringByEvaluatingJavaScriptFromString:@"document.body.offsetHeight"];               floatclientheight =[clientheight_str floatValue];//设置到WebView上webView.frame =                    CGRectMake(0,0, self.view.frame.size.width, clientheight);//获取WebView最佳尺寸(点)           CGSize frame =[webView sizeThatFits:webView.frame.size];//获取内容实际高度(像素)

    NSString * height_str= [webView stringByEvaluatingJavaScriptFromString:@"document.getElementById('webview_content_wrapper').offsetHeight + parseInt(window.getComputedStyle(document.getElementsByTagName('body')[0]).getPropertyValue('margin-top'))  + parseInt(window.getComputedStyle(document.getElementsByTagName('body')[0]).getPropertyValue('margin-bottom'))"];floatheight =[height_str floatValue];//内容实际高度(像素)* 点和像素的比

                                                                                                                   height = height * frame.height /clientheight;//再次设置WebView高度(点   )          webView.frame = CGRectMake(0,0, self.view.frame.size.width, height);

    }

    相关文章

      网友评论

          本文标题:iOS文本转html(H5)

          本文链接:https://www.haomeiwen.com/subject/vwawlttx.html