Hiển thị văn bản html trong uitextview

Question 1

Làm cách nào để hiển thị văn bản HTML trong textview?

Ví dụ,

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

Giả sử văn bản được in đậm để nó hiển thị trong textview dưới dạng chuỗi đậm nhưng tôi muốn hiển thị văn bản bình thường. Điều này có khả thi trong SDK iPhone không?

Question 2

Sử dụng UIWebView trên iOS 5-.

Trên iOS 6+, bạn có thể sử dụng UITextView.attributedString, hãy xem https://stackoverflow.com/a/20996085 để biết cách thực hiện.

Cũng có một phương pháp không có giấy tờ -[UITextView setContentToHTMLString:] . Không sử dụng điều này nếu bạn muốn gửi đến AppStore.

Question 3

Sử dụng khối mã sau cho 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

Đối với Swift 4 , Swift 4.2: và 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

Đối với 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

Câu trả lời của BHUPI là đúng, nhưng nếu bạn muốn kết hợp phông chữ tùy chỉnh của mình từ UILabel hoặc UITextView với nội dung HTML, bạn cần sửa lại html của mình một chút:

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;

Bạn có thể thấy sự khác biệt trên hình dưới đây:

Question 6

Bạn có thể xem các lớp OHAttributedLabel, tôi đã sử dụng chúng để khắc phục loại vấn đề này với textField của mình. Trong đó, họ đã ghi đè phương thức drawRect để có được kiểu cần thiết.

https://github.com/AliSoftware/OHAttributedLabel

Question 7

Phản hồi đầu tiên của tôi được đưa ra trước khi iOS 7 giới thiệu hỗ trợ rõ ràng để hiển thị các chuỗi được phân bổ trong các điều khiển chung. Bây giờ bạn có thể thiết lập attributedTextcủa UITextViewmột NSAttributedStringtạo ra từ nội dung HTML sử dụng:

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

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

Câu trả lời ban đầu, được lưu giữ cho lịch sử:

Trừ khi bạn sử dụng a UIWebView, giải pháp của bạn sẽ dựa trực tiếp vào CoreText. Như ElanthiraiyanS đã chỉ ra, một số dự án mã nguồn mở đã xuất hiện để đơn giản hóa kết xuất văn bản đa dạng thức. Tôi muốn giới thiệu ~~NSAttributedString-Additions-For-HTML~~ ( Chỉnh sửa: dự án đã được thay thế bằng DTCoreText ), có các lớp để tạo và hiển thị các chuỗi được phân bổ từ HTML.

Question 8

Câu trả lời đã phù hợp với tôi rằng từ BHUPI.

Quá trình chuyển mã nhanh chóng như sau:

Hãy chú ý "allowLossyConversion: false"

nếu bạn đặt giá trị thành true, nó sẽ hiển thị văn bản thuần túy.

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

Đối với 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

Đối với một số trường hợp, UIWebView là một giải pháp tốt. Bởi vì:

nó hiển thị bảng, hình ảnh, các tệp khác
nó nhanh (so sánh với NSAttributedString: NSHTMLTextDocumentType)
nó ra khỏi hộp

Sử dụng NSAttributedString có thể dẫn đến sự cố, nếu html phức tạp hoặc chứa các bảng ( ví dụ như vậy )

Để tải văn bản vào chế độ xem web, bạn có thể sử dụng đoạn mã sau (chỉ là ví dụ):

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

Bạn cũng có thể sử dụng một cách nữa. Thư viện Three20 cung cấp một phương pháp mà qua đó chúng ta có thể tạo một textView theo kiểu. Bạn có thể lấy thư viện tại đây: http://github.com/facebook/three20/

Lớp TTStyledTextLabel có một phương thức được gọi là textFromXHTML: Tôi đoán điều này sẽ phục vụ mục đích. Nhưng nó sẽ có thể ở chế độ chỉ đọc. Tôi không nghĩ rằng nó sẽ cho phép viết hoặc chỉnh sửa nội dung HTML.

Cũng có một câu hỏi có thể giúp bạn về vấn đề này: Nội dung chuỗi HTML cho UILabel và TextView

Tôi hy vọng nó hữu ích.

Question 12

NSDoc lưu tệp văn bản trong một chuỗi vào tệp html, sau đó tải đồng thời nó vào chế độ xem web ở cùng vị trí với UITextView của bạn ..