[iOS] 텍스트에 포함되어 있는 HTML태그 제거하기

UILabel 텍스트에 포함되어 있는 HTML 태그 제거하기

 

열심히 데이터를 받아와서 UI에 뿌려주는 작업 중 도저히 가만히 있을 수 없는 이슈가 발생했습니다. 텍스트 값 안에 html 태그가 포함되어 있어 라벨에 그대로 표현되고 있던 것입니다. 효과가 적용이 되거나 사라지길 원했는데 제거하는 방향 쪽으로 가기로 했어요. 좋은 익스텐션이 있어서 그대로 가져와서 사용해봤는데 깔끔하게 적용이 되었습니다. 익스텐션을 이해하는 시간도 가질 필요가 있을 것 같습니다. 우선은 그냥 사용하는 것으로 하겠습니다~! 추가되는 내용이 있으면 업데이트 하도록 하겠습니다 :)

 

 

왼쪽을 보면 아주 불편... 적용하고 나니 마음이 편해지네요 ㅎㅎ

 

 

// 텍스트에 포함되어 있는 HTML태그 제거하기 (익스텐션)

extension String {
    // html 태그 제거 + html entity들 디코딩.
    var htmlEscaped: String {
        guard let encodedData = self.data(using: .utf8) else {
            return self
        }
        
        let options: [NSAttributedString.DocumentReadingOptionKey: Any] = [
            .documentType: NSAttributedString.DocumentType.html,
            .characterEncoding: String.Encoding.utf8.rawValue
        ]
        
        do {
            let attributed = try NSAttributedString(data: encodedData,
                                                    options: options,
                                                    documentAttributes: nil)
            return attributed.string
        } catch {
            return self
        }
    }
}

// 사용법

public func configureCell(imageURL: String, title: String, director: String, actor: String, pubDate: String) {
    ...
    // 다음과 같이 String 값 뒤에 .htmlEscaped를 붙여서 사용
    titleLabel.text = title.htmlEscaped
    ...
}

 

 

참고 레퍼런스 출처

[UILabel-HTML] UILabel에 HTML load 하기 또는 HTML 코드를 뺀 텍스트를 넣어주기