CODEWITHSUNDEEP
iosobjective-cxcodeuiwebviewwebkit
steve richey
steve richey

Reputation: 505

WKWebKit: No dataDetectorTypes parameter

In UIWebView, it was fairly easy to add UIDataDetectorTypes to a view:

myUIWebView.dataDetectorTypes = UIDataDetectorTypePhoneNumber;

And so on. However, WKWebView does not seem to have a similar property. This reference mentions that it has moved to the WKWebViewConfiguration property at myWebKitView.configuration, but both the official documentation and the headers themselves make no reference to dataDetectorTypes.

I'm currently trying to migrate an app from using UIWebView to WKWebView, and this app currently has user-configurable UIDataDetectorTypes. So, is there any way to implement this using the provided API, or would I have to write my own code to parse the HTML?

Upvotes: 17

Views: 10345

Answers (6)

Gourav Mandliya
Gourav Mandliya

Reputation: 85

You can find in the storyboard attribute inspector

Screenshot

Upvotes: 5

Alpana
Alpana

Reputation: 983

WKWebView data detectors can be set in WKWebViewConfiguration. Swift version:

let webViewCofig = WKWebViewConfiguration()
webViewCofig.dataDetectorTypes = [.address]
webView = WKWebView(frame: view.frame, configuration: webViewCofig)

Valid options are phoneNumber, link, address, calendarEvent, trackingNumber, flightNumber, lookupSuggestion and all. Pass empty [] to set to none.

Upvotes: 3

arango_86
arango_86

Reputation: 4425

Actually WKwebView doesn't have a dataDetectorTypes property. But In iOS 10 WKWebViewConfiguration has.

Try the following code snippet.

WKWebViewConfiguration *theConfiguration = [[WKWebViewConfiguration alloc] init];
theConfiguration.dataDetectorTypes = WKDataDetectorTypeNone;

WKWebView *webView = [[WKWebView alloc] initWithFrame:_someFrame configuration:theConfiguration];

This will work only from iOS10 onwards.

Upvotes: 26

Carien van Zyl
Carien van Zyl

Reputation: 2873

The property dataDetectorTypes has been added to WKWebViewConfiguration in iOS10.

The options are phoneNumber, link, address, calendarEvent, trackingNumber, flightNumber, lookupSuggestion and all.

Upvotes: 1

Abhijit
Abhijit

Reputation: 461

A simple workaround for supporting phone number detector in WKWebView would be to apply regex checker in javascript via WKUserScript

NSString *jScript = @"document.getElementById(\"main\").innerHTML.replace(/[\+\d]{1}[\d]{2,4}[\s,][\d\s-\\(\\),]{7,}/g, \"<a href=\"tel:\$&\">\$&</a>\")";

WKUserScript *wkUScript = [[WKUserScript alloc] initWithSource:jScript injectionTime:WKUserScriptInjectionTimeAtDocumentEnd forMainFrameOnly:YES];
WKUserContentController *wkUController = [[WKUserContentController alloc] init];
[wkUController addUserScript:wkUScript];

WKWebViewConfiguration *wkWebConfig = [[WKWebViewConfiguration alloc] init];
wkWebConfig.userContentController = wkUController;

wkWebV = [[WKWebView alloc] initWithFrame:self.view.frame configuration:wkWebConfig];

Upvotes: 0

mattt
mattt

Reputation: 19544

The cited article has been updated to reflect changes in the API between iOS 8 betas. As of 8.0.1, there is no dataDetectorTypes property on WKWebView, with no other comparable public API.

Until it's added back into the class, you'd have to implement this yourself with NSDataDetector, or resign yourself to using UIWebView.

Upvotes: 11

Related Questions