Just My Life & My Work

[iOS] WebView 斷行處理

2015 年 08 月 02 日

有時候載入網頁，文字顯示怎麼擠成一團，不是很好閱讀，該怎麼解決呢？

iOS WebView 斷行處理

我們會發現是因為「\n」斷行字元並非是網頁的「<br/>」斷行標籤，於是將「\n」全部都替換成「<br/>」，載入網頁就會出現我們期待的顯示效果囉～


/**
 Theme: WebView solve breakline
 IDE: Xcode 6
 Language: Objective C
 Date: 104/07/2
 Author: HappyMan
 Blog: https://cg2010studio.wordpress.com/
 */
        NSString *urlString = [[NSString alloc] initWithFormat:@"http://..."];
        url = [NSURL URLWithString:urlString];
        NSData *data = [NSData dataWithContentsOfURL:url];
        NSString *string = [[NSString alloc] initWithData:data encoding:NSUTF8StringEncoding];
        
        // 取代\n為<br/>
        string = [string stringByReplacingOccurrencesOfString:@"\n" withString:@"<br/>"];
        data = [string dataUsingEncoding:NSUTF8StringEncoding];
        
        [displayWebView loadData:data MIMEType: @"text/html" textEncodingName: @"UTF-8" baseURL:nil];

iOS WebView 斷行處理2

如此閱讀起來比較輕鬆愉快。

參考：replacing linebreaks with <br> to use in UIWebView、How do I convert an NSString value to NSData?。

分類：

iOS, 教學

2 Comments

Tagged with:

Comments on: "[iOS] WebView 斷行處理" (2)

  1. Kimi said:
    2016 年 08 月 23 日 於 23:08:55

    謝謝你的分享，讓我這樣的新手找到答案

    讚

隨意留個言吧：）～

這個網站採用 Akismet 服務減少垃圾留言。進一步了解 Akismet 如何處理網站訪客的留言資料。

標籤雲