Відображення HTML-тексту у форматі uitextview

Question 1

Як можна відобразити текст HTML у текстовому режимі?

Наприклад,

string &lt;h1&gt;Krupal testing &lt;span style="font-weight:
bold;"&gt;Customer WYWO&lt;/span&gt;&lt;/h1&gt;

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

Question 2

Використовуйте UIWebView на iOS 5-.

Як користуватися iOS 6+ UITextView.attributedString, див. Https://stackoverflow.com/a/20996085 .

Існує також бездокументарний -[UITextView setContentToHTMLString:] метод. Не використовуйте це, якщо ви хочете надіслати до AppStore.

Question 3

Використовуйте наступний блок коду для 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;

Question 4

Для Swift 4 , Swift 4.2: та Swift 5

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

Question 5

Відповідь 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;

Ви можете побачити різницю на малюнку нижче:

Question 6

Ви можете переглянути класи OHAttributedLabel, я використовував їх, щоб подолати подібну проблему зі своїм textField. У цьому вони замінили метод drawRect, щоб отримати необхідний стиль.

https://github.com/AliSoftware/OHAttributedLabel

Question 7

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

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

- initWithData: options: documentAttributes: error: (Apple Doc)

Оригінальна відповідь, збережена в історії:

Якщо ви не використовуєте a UIWebView, ваше рішення буде покладатися безпосередньо на CoreText. Як зазначає ElanthiraiyanS, з'явилося кілька проектів з відкритим кодом, що спрощують надання багатофункціонального тексту. Я б порекомендував ~~NSAttributedString-Additions-For-HTML~~ ( Редагувати: проект замінено DTCoreText ), який містить класи для генерації та відображення атрибутивних рядків з HTML.

Question 8

Мені відповіла відповідь від BHUPI.

Передача коду швидким способом, як показано нижче:

Зверніть увагу "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

Question 9

Для 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

Question 10

У деяких випадках 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)
    }

Question 11

Ви також можете використовувати ще один спосіб. Бібліотека Three20 пропонує метод, за допомогою якого ми можемо побудувати стильовий textView. Ви можете отримати бібліотеку тут: http://github.com/facebook/three20/

Клас TTStyledTextLabel має метод, який називається textFromXHTML: Я думаю, це слугувало б цілі. Але це було б можливо лише в режимі читання. Я не думаю, що це дозволить писати або редагувати вміст HTML.

Щодо цього вам може допомогти запитання: вміст рядка HTML для UILabel та TextView

Я сподіваюся, це корисно.

Question 12

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