美文网首页很常APP & program
iOS 加载

标签富文本文本

iOS 加载

标签富文本文本

作者: 纵昂 | 来源:发表于2021-04-21 10:25 被阅读0次

    做一些项目的时候会加载一些网页累的文件,调取详情页的时候会加载<p>标签富文本内容显示,需要用到WKWebView加载显示,iOS已经禁用UIWebView的使用了。

    一、引入web头文件库

    #import "FileHtmlViewController.h"
    //引入WebKit
    #import <WebKit/WebKit.h>
    
    @interface FileHtmlViewController ()<WKUIDelegate,WKNavigationDelegate>
    @property (nonatomic,strong) WKWebView * webView; //声明
    
    @end
    

    二、上代码

    #pragma mark - 第一种方法加载网页    测试百度  https://www.baidu.com/
    -(void)createUI{
        _webView = [[WKWebView alloc] initWithFrame:CGRectMake(0, 0, SCREEN_WIDTH, SCREEN_HEIGHT)];
        [self.view addSubview:_webView];
        _webView.navigationDelegate = self; //实现代理
    //   1、url打开
    //    [_webView loadRequest:[NSURLRequest requestWithURL:[NSURL URLWithString:[NSString stringWithFormat:@"%@",_urlstring]]]];
    // iOS 中如何显示带HTML<p>标签的富文本  https://www.jianshu.com/p/8e5dc2279f59?from=singlemessage
        [_webView loadHTMLString:_urlstring baseURL:nil]; //iOS 中如何显示带HTML标签的富文本
    
    }
    

    [_webView loadHTMLString:_urlstring baseURL:nil];
    _urlstring->这个是从上一个页面传过来的文本参数进行web加载显示

    三、WKWebView,下面这段代码附加的,因为在加载url页面是显示空白,需要校验凭证,这句代码亲测有用,特此记录

    #pragma mark - 需要响应身份验证时调用 同样在block中需要传入用户身份凭证
    - (void)webView:(WKWebView *)webView didReceiveAuthenticationChallenge:(NSURLAuthenticationChallenge *)challenge completionHandler:(void (^)(NSURLSessionAuthChallengeDisposition, NSURLCredential * _Nullable))completionHandler {
        
        if ([challenge.protectionSpace.authenticationMethod isEqualToString:NSURLAuthenticationMethodServerTrust]) {
    //        判断服务器采用的验证方法
            if (challenge.previousFailureCount == 0) {
    //        如果没有错误的情况下 创建一个凭证,并使用证书
                NSURLCredential *credential = [NSURLCredential credentialForTrust:challenge.protectionSpace.serverTrust];
                completionHandler(NSURLSessionAuthChallengeUseCredential, credential);
            } else {
    //        验证失败,取消本次验证
                completionHandler(NSURLSessionAuthChallengeUseCredential, nil);
            }
        } else {
            completionHandler(NSURLSessionAuthChallengeUseCredential, nil);
        }
    }
    

    四、WKWebView 展示HTML字体小的问题

    #pragma mark - webView delegate
    - (void)webView:(WKWebView *)webView didFinishNavigation:(WKNavigation *)navigation{
    #pragma mark -禁止用户选择
        [webView evaluateJavaScript:@"document.documentElement.style.webkitUserSelect='none';" completionHandler:nil];
        [webView evaluateJavaScript:@"document.activeElement.blur();" completionHandler:nil];
    #pragma mark -适当增大字体大小  我设置的是300字体大小正好适应屏幕
        [webView evaluateJavaScript:@"document.getElementsByTagName('body')[0].style.webkitTextSizeAdjust= '300%'" completionHandler:nil];
    }
    
    示例1
    示例2

    其他的一些方法可以实现自定设定,我没搞,根据项目需求业务来,怎么简单怎么来吧!

    相关文章

      网友评论

        本文标题:iOS 加载

        标签富文本文本

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