WKWebView 富文本 显示图片视频 表格

static NSString * const htmlHeadString = @"\";

//js方法遍历图片添加点击事件 返回图片个数static NSString * const htmlJsGetImages =@"function getImages(){\var objs = document.getElementsByTagName(\"img\");\for(var i=0;i

-(void)createWebView:(NSString *)coursewareDetail {

    self.imgSrcArrayM=    [selfreplaceImageUrl:ZLIFISNULL(coursewareDetail)]; 

    NSString *htmlStr =[NSString stringWithFormat:@"%@%@",htmlHeadString,ZLIFISNULL(coursewareDetail)];

    [self.webView loadHTMLString:[NSString stringWithFormat:@"

%@
",htmlStr]
                         baseURL:nil];

}

-(void)webView:(WKWebView *)webView didFinishNavigation:(WKNavigation *)navigation{

    //注入js方法

    [webView evaluateJavaScript:htmlJsGetImages completionHandler:nil];

    [webView evaluateJavaScript:@"getImages()" completionHandler:nil];//必须调用注入js方法   

    [webView evaluateJavaScript:@"getVideos()" completionHandler:nil];//必须调用注入js方法

    //禁止长按 放大镜 选择文本

    [webView evaluateJavaScript:@"document.documentElement.style.webkitUserSelect='none';" completionHandler:nil];

    //禁止长按 连接弹出提示框跳转

    [webView evaluateJavaScript:@"document.documentElement.style.webkitTouchCallout='none';" completionHandler:nil];

}

//MARK:WKWebview 点击事件

-(void)webView:(WKWebView *)webView decidePolicyForNavigationAction:(WKNavigationAction *)navigationAction

decisionHandler:(void(^)(WKNavigationActionPolicy))decisionHandler {

    @try{

        //将url转换为string

        decisionHandler(WKNavigationActionPolicyAllow);

        NSString *requestString =  navigationAction.request.URL.absoluteString;

        if(requestString==nil){            return;        }

        //hasPrefix 判断创建的字符串内容是否以pic:字符开始

        if([requestString hasPrefix:@"myweb:imageClick:"]){

            // return NO;

            NSString *imageUrl =[requestString substringFromIndex:@"myweb:imageClick:".length];

            //预览图片

            NSInteger number =[self.imgSrcArrayM indexOfObject:imageUrl];

            NSString *str =[NSString stringWithFormat:@"getImageRect(%ld)",number];

            WS(weakSelf);

            [webView evaluateJavaScript:str  completionHandler:^(idResult,NSError * error){

                if(weakSelf.imgSrcArrayM.count>0){

                    // 图片总数

                    ZLPBViewController *imageBrowser =[[ZLPBViewController alloc]initWithFrame:SCREEN_BOUNDS];

                    imageBrowser.currentSelectedIamge =number;

                    imageBrowser.bigImageArray = weakSelf.imgSrcArrayM;

                    [imageBrowser showImages];

                }

            }];

        }

    }@catch(NSException *exception){

        NSLog(@"错误信息:%@",exception);

    }

}



//MARK:获得所有webview图片

- (NSMutableArray*)replaceImageUrl:(NSString*)content {

    NSMutableArray  * imgSrcArrayM = [NSMutableArrayarray];

    // 匹配标签

    NSString *urlPattern = @"]+?src=[\"']?([^>'\"]+)[\"']?";

    NSError*error = [NSErrornew];

    NSRegularExpression *regex = [NSRegularExpression regularExpressionWithPattern:urlPattern options:NSRegularExpressionCaseInsensitive error:&error ];

    // match

    NSUInteger count = [regex numberOfMatchesInString:content options:NSMatchingReportProgress range:NSMakeRange(0, [content length])];// 匹配到的次数

    if(count >0) {

        NSArray* matches = [regex matchesInString:content options:NSMatchingReportCompletion range:NSMakeRange(0, [content length])];

        for(NSTextCheckingResult*matchinmatches) {

            NSIntegercount = [matchnumberOfRanges];// 匹配项

            for(NSIntegerindex =0;index < count;index++){

                NSRangehalfRange = [matchrangeAtIndex:index];

                if(index ==1) {

                    // 图片的src属性值

                    NSString*urlStr = [contentsubstringWithRange:halfRange];

                    // 保存图片URL

                    [imgSrcArrayMaddObject:urlStr];

                }

            }

        }

    }

    returnimgSrcArrayM;

}