【Swift】UITextViewにHTMLを表示する方法

UITextViewにHTMLを表示してみた

UITextViewにHTMLを表示したかったので、試してみました。

こちらの記事UITextViewにHTMLを表示する（Swift3版）を参考にして、HTMLをNSAttributedStringに変換するextensionを定義しました。

	import Foundation
	import UIKit

	extension NSAttributedString {
    
    	static func parseHTML2Text(sourceText text: String) -> NSAttributedString? {
	        let encodeData = text.data(using: String.Encoding.utf8, allowLossyConversion: true)
	        let attributedOptions = [
	            NSDocumentTypeDocumentAttribute: NSHTMLTextDocumentType as AnyObject,
	            NSCharacterEncodingDocumentAttribute: String.Encoding.utf8.rawValue as AnyObject
	        ]
        
	        var attributedString: NSAttributedString?
	        if let encodeData = encodeData {
	            do {
	                attributedString = try NSAttributedString(
	                    data: encodeData,
	                    options: attributedOptions,
	                    documentAttributes: nil
	                )
	            } catch _ {
	                
	            }
	        }
	        
	        return attributedString
	    }
	    
	}

あとは、こちら↓のようにHTMLを変換して、UITextFieldのattributedTextに代入すればオッケーです。

	let htmlText = "<p>UITextFieldにHTMLを表示することができます。<font color=#ff0000>フォントの色</font>も変更できますし、<a href=\"https://www.apple.com/jp/\">リンク</a>も埋め込むことができます。</p>"
	let attributedString = NSAttributedString.parseHTML2Text(sourceText: htmlText)
	htmlTextView.attributedText = attributedString

文字列のなかに " ダブルコーテーションがあるとエラーになります。リンクなどでダブルコーテーションをつかうときは、 \ バックスラッシュをダブルコーテーションのまえにつけてください。

実行すると、こちらのようにHTMLのタグを解釈して表示されています。

リンクをタップしたいとき

リンクをタップしたいときは、 Behavior のSelectable と Data Detectors の Link を有効にします。
HTMLのなかにリンクが埋め込まれている場合は、タップするとSafariに遷移してリンクを開いてくれるようになります。