Отображение HTML-текста в uitextview - PullRequest
Новая
       67

Отображение HTML-текста в uitextview

76 голосов
/ 16 марта 2010

Как я могу отобразить текст HTML в textview?

Например, 

string <h1>Krupal testing <span style="font-weight:
bold;">Customer WYWO</span></h1>

Предположим, текст выделен жирным шрифтом, поэтому он отображается в виде текста в виде жирной строки но я хочу отображать нормальный текст. Возможно ли это в iPhone SDK?

Ответы [ 11 ]

228 голосов
/ 08 января 2014

Используйте следующий блок кода для ios 7+. 

NSString *htmlString = @"<h1>Header</h1><h2>Subheader</h2><p>Some <em>text</em></p><img src='http://blogs.babble.com/famecrawler/files/2010/11/mickey_mouse-1097.jpg' width=70 height=100 />";
NSAttributedString *attributedString = [[NSAttributedString alloc]
          initWithData: [htmlString dataUsingEncoding:NSUnicodeStringEncoding]
               options: @{ NSDocumentTypeDocumentAttribute: NSHTMLTextDocumentType }
    documentAttributes: nil
                 error: nil
];
textView.attributedText = attributedString;
51 голосов
/ 16 марта 2010

Используйте UIWebView на iOS 5-.

В iOS 6+ вы можете использовать UITextView.attributedString, см. https://stackoverflow.com/a/20996085.

Существует также недокументированный метод -[UITextView setContentToHTMLString:]. Не используйте это, если вы хотите отправить в AppStore.

36 голосов
/ 29 ноября 2016

Для Swift 4 и Swift 4.2: 

let htmlString = "<html>" +
        "<head>" +
        "<style>" +
        "body {" +
        "background-color: rgb(230, 230, 230);" +
        "font-family: 'Arial';" +
        "text-decoration:none;" +
        "}" +
        "</style>" +
        "</head>" +
        "<body>" +
        "<h1>A title</h1>" +
        "<p>A paragraph</p>" +
        "<b>bold text</b>" +
    "</body></html>"

let htmlData = NSString(string: htmlString).data(using: String.Encoding.unicode.rawValue)

let options = [NSAttributedString.DocumentReadingOptionKey.documentType: NSAttributedString.DocumentType.html]

let attributedString = try! NSAttributedString(data: htmlData!, options: options, documentAttributes: nil)

textView.attributedText = attributedString

Для Swift 3 : 

let htmlString = "<html>" +
"<head>" +
    "<style>" +
        "body {" +
            "background-color: rgb(230, 230, 230);" +
            "font-family: 'Arial';" +
            "text-decoration:none;" +
        "}" +
    "</style>" +
"</head>" +
"<body>" +
    "<h1>A title</h1>" +
    "<p>A paragraph</p>" +
    "<b>bold text</b>" +
"</body></html>"

let htmlData = NSString(string: htmlString).data(using: String.Encoding.unicode.rawValue)

let attributedString = try! NSAttributedString(data: htmlData!, options: [NSDocumentTypeDocumentAttribute: NSHTMLTextDocumentType], documentAttributes: nil)

textView.attributedText = attributedString
15 голосов
/ 23 мая 2016

BHUPI в

ответ правильный, но если вы хотите объединить свой собственный шрифт из UILabel или UITextView с содержимым HTML, вам нужно немного исправить свой HTML: 

NSString *htmlString = @"<b>Bold</b><br><i>Italic</i><p> <del>Deleted</del><p>List<ul><li>Coffee</li><li type='square'>Tea</li></ul><br><a href='URL'>Link </a>";

htmlString = [htmlString stringByAppendingString:@"<style>body{font-family:'YOUR_FONT_HERE'; font-size:'SIZE';}</style>"];
/*Example:

 htmlString = [htmlString stringByAppendingString:[NSString stringWithFormat:@"<style>body{font-family: '%@'; font-size:%fpx;}</style>",_myLabel.font.fontName,_myLabel.font.pointSize]];
*/
 NSAttributedString *attributedString = [[NSAttributedString alloc]
                      initWithData: [htmlString dataUsingEncoding:NSUnicodeStringEncoding]
                           options: @{ NSDocumentTypeDocumentAttribute: NSHTMLTextDocumentType }
                documentAttributes: nil
                             error: nil
            ];
textView.attributedText = attributedString;

Вы можете увидеть разницу на картинке ниже: enter image description here

12 голосов
/ 16 сентября 2011

Вы можете взглянуть на классы OHAttributedLabel, я использовал их для решения такого рода проблем с моим textField. В этом они переопределили метод drawRect для получения требуемого стиля.

https://github.com/AliSoftware/OHAttributedLabel

9 голосов
/ 20 сентября 2011

Мой первый ответ был сделан до того, как iOS 7 представила явную поддержку отображения приписанных строк в общих элементах управления. Теперь вы можете установить attributedText из UITextView в NSAttributedString, созданный из содержимого HTML, используя: 

-(id)initWithData:(NSData *)data options:(NSDictionary *)options documentAttributes:(NSDictionary **)dict error:(NSError **)error

- initWithData: параметры: documentАтрибуты: ошибка: (Apple Doc)

Оригинальный ответ, сохраненный для истории:

Если вы не используете UIWebView, ваше решение будет напрямую зависеть от CoreText. Как указывает ElanthiraiyanS, появилось несколько проектов с открытым исходным кодом, которые упрощают рендеринг расширенного текста. Я бы порекомендовал NSAttributedString-Additions-For-HTML ( Edit: проект был заменен DTCoreText ), который содержит классы для создания и отображать приписанные строки из HTML.

4 голосов
/ 07 октября 2015

Мне подошел ответ от BHUPI.

Код передачи в swift, как показано ниже:

Обратите внимание "allowLossyConversion: false"

Если вы установите значение true, оно будет отображать чистый текст. 

let theString = "<h1>H1 title</h1><b>Logo</b><img src='http://www.aver.com/Images/Shared/logo-color.png'><br>~end~"

        let theAttributedString = try! NSAttributedString(data: theString.dataUsingEncoding(NSUTF8StringEncoding, allowLossyConversion: false)!,
            options: [NSDocumentTypeDocumentAttribute: NSHTMLTextDocumentType],
            documentAttributes: nil)

        UITextView_Message.attributedText = theAttributedString
3 голосов
/ 14 июня 2017

для Swift3 

    let theString = "<h1>H1 title</h1><b>Logo</b><img src='http://www.aver.com/Images/Shared/logo-color.png'><br>~end~"

    let theAttributedString = try! NSAttributedString(data: theString.dataUsingEncoding(NSUTF8StringEncoding, allowLossyConversion: false)!,
        options: [NSDocumentTypeDocumentAttribute: NSHTMLTextDocumentType],
        documentAttributes: nil)

    UITextView_Message.attributedText = theAttributedString
0 голосов
/ 30 марта 2018

В некоторых случаях UIWebView является хорошим решением. Потому что:

  • отображает таблицы, изображения, другие файлы
  • это быстро (по сравнению с NSAttributedString: NSHTMLTextDocumentType)
  • это из коробки

Использование NSAttributedString может привести к сбоям, если html сложный или содержит таблицы (, например, )

Для загрузки текста в веб-представление вы можете использовать следующий фрагмент (только пример): 

func loadHTMLText(_ text: String?, font: UIFont) {
        let fontSize = font.pointSize * UIScreen.screens[0].scale
        let html = """
        <html><body><span style=\"font-family: \(font.fontName); font-size: \(fontSize)\; color: #112233">\(text ?? "")</span></body></html>
        """
        self.loadHTMLString(html, baseURL: nil)
    }
0 голосов
/ 22 сентября 2011

NSDoc сохраняет текстовый файл в виде строки в html-файл, а затем одновременно загружает его в веб-представление, которое находится в том же месте, что и ваш UITextView ..

Страница:
Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.

Нет похожих вопросов

...