• Switch Language


  • iOSへの組み込み

    スクリプトタグの追加

    LinkifyをiOSに組み込むには表示するHTMLのヘッダに以下のようなスクリプトタグを追加します。

    <script type="text/javascript"
      src="http://www-static.linkify.mobi/api/linkify.js?key=YOUR_API_KEY">
    </script>
    

    サンプルアプリケーションの作成

    例として、Linkifyが組み込まれたiOS WebView applicationの紹介をします。今回は、Linkifyが導入された Yahoo! News のウェブページをWebViewで表示するといったアプリケーションを作成します。

    WebViewの追加

    XCodeの最初の設定で Single View Application を選択します。WebViewを追加するためには、storyboardのファイルを選択し、 Objects フォルダにあるWebView UIをiPhoneの画面にDrag&Dropします。

    _images/doc_ios_full.jpg

    View Controllerの編集

    ViewController では、はじめにWebViewの定義を行います。以下のコードは ViewController.h の例です。

    @interface ViewController : UIViewController{
      IBOutlet UIWebView *webView;
    }
    

    以下のコードは ViewController.m 内の二つのメソッドの例です。 viewDidLoad メソッドはwebViewに表示したいURLをリクエストします。 webViewDidFinishLoad メソッドでは、 stringByEvaluatingJavascriptFromString メソッドを用いて、LinkifyのスクリプトタグをHTMLのヘッダに追加します。 なお、webViewDidFinishLoad メソッド内にはYOUR_API_KEY環境変数が含まれているため、 LinkifyのCodeページからコピー&ペーストしてくることをおすすめします。

    @interface ViewController ()
    @end
    
    @implementation ViewController
    
    - (void)viewDidLoad
    {
      [super viewDidLoad];
      NSURLRequest* req = [NSURLRequest requestWithURL:[NSURL URLWithString:@"http://news.yahoo.com"]];
      [webView loadRequest:req];
      webView.delegate = self;
    }
    
    - (void)webViewDidFinishLoad:(UIWebView *)view
    {
      [webView stringByEvaluatingJavaScriptFromString:@"(function(){if(!window.linkified){var d=document,s=d.createElement('script');s.type='text/javascript';s.src='http://www-static.linkify.mobi/api/linkify.js?key=YOUR_API_KEY';d.getElementsByTagName('head')[0].appendChild(s);window.linkified=true;}})()"];
    
    }
    

    WebViewコンポーネントのひも付け

    最後に、storyboardファイルに戻り、以下のようにWebViewコンポーネントのひも付けを行います。

    _images/doc_ios_link.jpg

    Downloads

    こちら から上記コードを含むサンプルコードがダウンロードできます。ソースコードはiOS 7対応となっております。

    Read the Docs v: latest
    Versions
    latest
    Downloads
    HTML
    Epub
    On Read the Docs
    Project Home
    Builds

    Free document hosting provided by Read the Docs.