iOS文本转html(H5)

有的时候需要把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);

}

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

相关阅读更多精彩内容

  • iOS开发系列--网络开发 概览 大部分应用程序都或多或少会牵扯到网络开发,例如说新浪微博、微信等,这些应用本身可...
    lichengjin阅读 9,260评论 2 7
  • http://www.cnblogs.com/mddblog/p/5281748.html 一、整体介绍 UIWe...
    F麦子阅读 5,042评论 0 2
  • IOS之UIWebView的使用 刚接触IOS开发1年多,现在对于 混合式 移动端开发越来越流行,因为开发成本上、...
    学无止境666阅读 45,965评论 5 53
  • 原文 在这里总结一些iOS开发中的小技巧,能大大方便我们的开发,持续更新。 1.UITableView的Group...
    无沣阅读 4,193评论 0 2
  • 一、WebView WebView就是一个内嵌浏览器控件,在iOS中主要有两种WebView:UIWebView和...
    iOS祎阅读 4,842评论 0 2

友情链接更多精彩内容