iOS webView添加网络css和网络html

最新推荐文章于 2024-08-21 11:05:29 发布

码农天后

最新推荐文章于 2024-08-21 11:05:29 发布

阅读量1.4k

点赞数

分类专栏： OC 文章标签： webView添加网络css webView添加css webView添加html webView添加网络html

本文链接：https://blog.csdn.net/qq_33608748/article/details/83027690

版权

OC 专栏收录该内容

19 篇文章 0 订阅

订阅专栏

依博客的css为例(https://csdnimg.cn/release/phoenix/template/css/ck_htmledit_views-e4c7a3727d.css)

创建webVIew

- (UIWebView *)webView
{
    if (!_ webView)
    {
        _ webView = [UIWebView new];
        [self.view addSubview:_webView];
        _webView.backgroundColor = [UIColor whiteColor];
        _webView.scrollView.showsHorizontalScrollIndicator = NO;
        _webView.scrollView.showsVerticalScrollIndicator = NO;
        _webView.opaque = NO;//设置透明 解决底部黑条问题
    }
    return _webView;
}

添加html和css

//desc可以是本地的也可以是网络请求的
NSString *desc = @"<p style=\"color: red\">哈哈哈哈哈哈</p><h1>哈哈哈哈哈哈</h1><h2>哈哈哈哈哈哈</h2><h3>哈哈哈哈哈哈</h3><h4>哈哈哈哈哈哈</h4><img src=\"http://img3.imgtn.bdimg.com/it/u=108228188,2741176027&fm=26&gp=0.jpg\">";

//css
NSString * richtxt_css = [NSString stringWithFormat:@"https://csdnimg.cn/release/phoenix/template/css/ck_htmledit_views-e4c7a3727d.css
"];
   
NSMutableString *html = [NSMutableString string];   
NSString *css = [NSString stringWithFormat:@"<link href=\"%@\" type=\"text/css\" rel=\"stylesheet\">",richtxt_css];
[html appendString:[NSString stringWithFormat:@"<!DOCTYPE html><html><head><meta charset=\"utf-8\"><meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">%@</head> <body><div class=\"appview\">%@</div><body></html>",css,desc]];

[self.webView loadHTMLString:html baseURL:nil];