ios 中webView加载html文本图片显示不全

在iOS开发过程中,用webView显示富文本内容是很常见的需求,加载富文本时通常还要根据webView的高度动态计算cell的高度(例如我们要在tableView或者collectionView的某个cell上)用webView显示一段富文本信息,通常富文本都是由图文混合的。会不多说,直接商代码。以cell为例

1.先申明一个webView属性,并设置代理

@property (strong,nonatomic) UIWebView *webView;

2.初始化webiew,并给webView一个默认高度

    UIWebView *webView = [[UIWebView alloc] init];

    self.webView = webView;

    self.webView.delegate = self;

    [self.contentView addSubview:webView];

    [webView mas_makeConstraints:^(MASConstraintMaker *make) {

        make.left.equalTo(self.contentView);

        make.top.equalTo(self.contentView);

        make.width.equalTo(self.contentView);

        make.height.equalTo(@10);

    }];

3.在webView的代理方法中执行操作

- (void)webViewDidFinishLoad:(UIWebView *)webView {

        NSString *js = @"function imgAutoFit() { \

        var imgs = document.getElementsByTagName('img'); \

        for (var i = 0; i < imgs.length; ++i) {\

        var img = imgs[i];   \

        img.style.maxWidth = %f;   \

        } \

        }";

        js = [NSString stringWithFormat:js, ScreenW - 20];

        //注入js 到html中

        [webView stringByEvaluatingJavaScriptFromString:js];

        //调用

        [webView stringByEvaluatingJavaScriptFromString:@"imgAutoFit()"];

        

        //获取到webview的高度

        CGFloat webViewHeight = [[webView stringByEvaluatingJavaScriptFromString:@"document.body.scrollHeight"] floatValue];

        [self.webView mas_updateConstraints:^(MASConstraintMaker *make) {

            make.height.mas_equalTo(webViewHeight);

        }];

        if (self.reloadHeightBlock) {

            self.reloadHeightBlock(webViewHeight);

        }

}

reloadHeightBlock是在获取webView高度后传给控制器刷新tableView,webViewHeight高度为该cell对应tableView的高度。

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值