ioswkwebview 显示html源码转义符的问题2019-

作者: iOS打怪升级 | 来源:发表于2019-10-30 18:40 被阅读0次

ioswkwebview 显示html源码转义符的问题2019-
html标签转义符
HTML 转义符的用法
常见错误汇总
Android 常用转义字符
ios 调用writeToFile将NSData图片缓存沙盒失败
JS转换HTML转义符
React中的HTML转义写法
databinding绑定list对象报错
微信小程序-加载html代码并替换html转义符

NSString *dataString = @"这是一个标题&lt br/&gt;这是第二行";

//先去除转义字符
dataString = [dataString stringByReplacingOccurrencesOfString:@"&lt;" withString:@"<"];
dataString = [dataString stringByReplacingOccurrencesOfString:@"&gt;" withString:@">"];
dataString = [dataString stringByReplacingOccurrencesOfString:@"\r\n" withString:@""]；
//html 的meta最好加上<meta name=\"viewport\" content=\"width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no\">这样在移动设备显示起来效果更好



NSString *htmlFormat = @"<!DOCTYPE html> <html lang=\"cn\"> <head> <meta charset=\"utf-8\"> <meta http-equiv=\"X-UA-Compatible\" content=\"IE=edge\"> <meta name=\"viewport\" content=\"width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no\"> </head> <body> %@ </body> </html>";

NSString *htmlContent = [NSString stringWithFormat:htmlFormat,dataString];

UIWebView *web=[[UIWebView alloc]initWithFrame:CGRectMake(0, 0, 320, [UIScreen mainScreen].bounds.size.height-64)];

web.scrollView.bounces=NO;//不弹跳

web.userInteractionEnabled=YES;

web.backgroundColor=[UIColor clearColor];

[web loadHTMLString:htmlContent baseURL:nil];

两个分类方法：

变成转义符的形式

- (NSString *) escapeHTML{
    NSMutableString *s = [NSMutableString string];
    
    NSUInteger start = 0;
    NSUInteger len = [self length];
    NSCharacterSet *chs = [NSCharacterSet characterSetWithCharactersInString:@"<>&\""];
    
    while (start < len) {
        NSRange r = [self rangeOfCharacterFromSet:chs options:0 range:NSMakeRange(start, len-start)];
        if (r.location == NSNotFound) {
            [s appendString:[self substringFromIndex:start]];
            break;
        }
        
        if (start < r.location) {
            [s appendString:[self substringWithRange:NSMakeRange(start, r.location-start)]];
        }
        
        switch ([self characterAtIndex:r.location]) {
            case '<':
                [s appendString:@"&lt;"];
                break;
            case '>':
                [s appendString:@"&gt;"];
                break;
            case '"':
                [s appendString:@"&quot;"];
                break;
                //          case '…':
                //              [s appendString:@"&hellip;"];
                //              break;
            case '&':
                [s appendString:@"&amp;"];
                break;
        }
        
        start = r.location + 1;
    }
    
    return s;
}

2. 去除转义符，变成普通的标签<>


- (NSString *) unescapeHTML{
    NSMutableString *s = [[NSMutableString alloc] init];
    NSMutableString *target = [self mutableCopy];
    NSCharacterSet *chs = [NSCharacterSet characterSetWithCharactersInString:@"&"];
    
    while ([target length] > 0) {
        NSRange r = [target rangeOfCharacterFromSet:chs];
        if (r.location == NSNotFound) {
            [s appendString:target];
            break;
        }
        
        if (r.location > 0) {
            [s appendString:[target substringToIndex:r.location]];
            [target deleteCharactersInRange:NSMakeRange(0, r.location)];
        }
        
        if ([target hasPrefix:@"&lt;"]) {
            [s appendString:@"<"];
            [target deleteCharactersInRange:NSMakeRange(0, 4)];
        } else if ([target hasPrefix:@"&gt;"]) {
            [s appendString:@">"];
            [target deleteCharactersInRange:NSMakeRange(0, 4)];
        } else if ([target hasPrefix:@"&quot;"]) {
            [s appendString:@"\""];
            [target deleteCharactersInRange:NSMakeRange(0, 6)];
        } else if ([target hasPrefix:@"&#39;"]) {
            [s appendString:@"'"];
            [target deleteCharactersInRange:NSMakeRange(0, 5)];
        }else if ([target hasPrefix:@"&#039;"]) {
            [s appendString:@"'"];
            [target deleteCharactersInRange:NSMakeRange(0, 6)];
        } else if ([target hasPrefix:@"&amp;"]) {
            [s appendString:@"&"];
            [target deleteCharactersInRange:NSMakeRange(0, 5)];
        } else if ([target hasPrefix:@"&hellip;"]) {
            [s appendString:@"…"];
            [target deleteCharactersInRange:NSMakeRange(0, 8)];
        } else {
            [s appendString:@"&"];
            [target deleteCharactersInRange:NSMakeRange(0, 1)];
        }
    }
    
    return s;
}

  _content = [_content unescapeHTML];
    _content = [NSString stringWithFormat:@"<html><head><meta name=\"viewport\" content=\"width=%f,initial-scale=1.0,maximum-scale=1.0,user-scalable=0\" /><style>img {max-width: 100%% ;height: auto;} \ntable {max-width: 100%% ;height: auto;}</style></head><body>%@</body></html>", (kScreen_Width - 30), _content];

ioswkwebview 显示html源码转义符的问题2019-
两个分类方法：变成转义符的形式 2. 去除转义符，变成普通的标签<>
html标签转义符

ioswkwebview 显示html源码转义符的问题2019-

两个分类方法：

2. 去除转义符，变成普通的标签<>

相关文章

ioswkwebview 显示html源码转义符的问题2019-

html标签转义符