0

I try to load HTML with images to the UITextView, but images don't want to fit the width of screen, they are toooo large. Attribute width for IMG tag and CSS don't help :(

Here's the code:

            var content = "<html><head><meta charset='utf-8'><title>«Первый поворот налево или направо?» Секреты успеха Льюиса Хэмилтона</title><style>img {max-width: '100%'; width: '100%'; height: auto;}body{ color:red }</style></head><body><p>Иногда его превосходство заметно сразу – как в случае с потрясающей скоростью вхождения в первый поворот на Гран При Австралии нынешнего года, а иногда не столь очевидно.</p><p><img src='http://autosport.com.ru/files/feature/2018/06/29/ba7222d642a69863db32ec8e5d2e8b8f.jpg' alt='Льюис Хэмилтон © autosport.com'/>Льюис Хэмилтон</p>"
        let htmlData = NSString(string: content).data(using: String.Encoding.unicode.rawValue)
        let options = [NSAttributedString.DocumentReadingOptionKey.documentType: NSAttributedString.DocumentType.html]
        let attributedString = try! NSAttributedString(data: htmlData!, options: options, documentAttributes: nil)
        txtView.attributedText = attributedString
Александр Гинько
  • 3
  • 2

1 Answers1

0

Set CSS img for max-width, max-height, width, height to 100% worked for me. 

let content: String = "<!DOCTYPE html><html>" +
    "<head>" +
    "<meta charset='UTF-8'>" +
    "<style type='text/css'>" +
    "body {" +
    "margin: 0;" +
    "padding: 0;" +
    "}" +
    "img{" +
        "max-width: 100%;" +
        "max-height: 100%;" +
        "width: 100%;" +
        "height: 100%;" +
    "}" +
    "</style>" +
    "</head>" +
    "<body></body></html>"
axunic
  • 2,256
  • 18
  • 18