iOS中如何显示后台返回的带有html标签的富文本字符串

简介: iOS中如何显示后台返回的带有html标签的富文本字符串

iOS中如何显示后台返回的带有html标签的富文本字符串。

由于商品信息的内容有文字和图片混排列,若对没有商品都自己设计那样效率太低,可以让后台返回一个富文本字符串,由于不知道显示的内最大高度多少,最好后台返回富文本显示的最大高度。若后台不给我们,我们只能占个大茅坑,给它一个比较大的显示区域,大不了多显示一片空白。

    _wkWebView = [[WKWebView alloc] initWithFrame:CGRectMake(0, 0, [[UIScreen mainScreen] bounds].size.width, [[UIScreen mainScreen] bounds].size.height)];
    [self addSubview:_wkWebView];
    [self.wkWebView loadHTMLString:@"<p>大概v</p>" baseURL:nil];

具体的代码实现是:

#import <WebKit/WKWebView.h>
#import <WebKit/WebKit.h>

@interface CBPShopGoodsDetailInfoCell ()
@property (nonatomic, strong) WKWebView *wkWebView;

@end

- (WKWebView *)wkWebView{
    if (!_wkWebView) {
        _wkWebView = [[WKWebView alloc] initWithFrame:CGRectMake(0, 15+15+15, sCommonUnitFullWidth(), self.model.goodsDetailPicHeight+45)];
        [self.bigBackgroundView addSubview:_wkWebView];
    }
    return _wkWebView;
}

-(void)setModel:(CBPShopGoodsDetailEntity *)model
{
    if(!model || ![model isKindOfClass:[CBPShopGoodsDetailEntity class]] || !model.entity || ![model.entity isKindOfClass:[CBPShopGoodsDetailEntity class]])
    {
        return;
    }
    _model = model;
    [_wkWebView removeFromSuperview];
    _wkWebView = nil;
    [self.wkWebView loadHTMLString:model.entity.goods_detail baseURL:nil];
}
目录
相关文章
|
1天前
|
JavaScript 前端开发 定位技术
html中a标签的多用性
html中a标签的多用性
|
1天前
|
前端开发 JavaScript
HTML的a标签如何做返回顶部的功能
HTML的a标签如何做返回顶部的功能
|
1天前
|
移动开发 定位技术 HTML5
HTML5的新语义化标签
HTML5的新语义化标签
|
5天前
|
移动开发 HTML5 前端开发
【网页搭建基石】:揭秘HTML标签的魔法世界
【网页搭建基石】:揭秘HTML标签的魔法世界
|
5天前
|
存储 JavaScript 前端开发
HTML标签data-属性的作用
HTML标签data-属性的作用
|
6天前
|
Python
Python基础教程(第3版)中文版 第20章 项目1: 自动添加标签(纯文本转HTML格式) (笔记2)
Python基础教程(第3版)中文版 第20章 项目1: 自动添加标签(纯文本转HTML格式) (笔记2)
|
6天前
|
Python
Python基础教程(第3版)中文版 第20章 项目1: 自动添加标签(纯文本转HTML格式) (笔记)
Python基础教程(第3版)中文版 第20章 项目1: 自动添加标签(纯文本转HTML格式) (笔记)
|
13天前
|
Web App开发 移动开发 前端开发
Web网页制作-知识点(3)——HTML5新增标签、CSS简介、CSS的引入方式、选择器、字体属性、背景属性、表格属性、关系选择器 二
Web网页制作-知识点(3)——HTML5新增标签、CSS简介、CSS的引入方式、选择器、字体属性、背景属性、表格属性、关系选择器 二
20 1
|
13天前
|
移动开发 前端开发 HTML5
Web网页制作-知识点(3)——HTML5新增标签、CSS简介、CSS的引入方式、选择器、字体属性、背景属性、表格属性、关系选择器一
Web网页制作-知识点(3)——HTML5新增标签、CSS简介、CSS的引入方式、选择器、字体属性、背景属性、表格属性、关系选择器 一
26 1
|
13天前
|
存储 移动开发 前端开发
Web网页制作-知识点(1)——HTML5介绍、HTML5的DOCTYPE声明、HTML基本骨架、标题标签、段落 换行、水平线图片图片路径、超链接
Web网页制作-知识点(1)——HTML5介绍、HTML5的DOCTYPE声明、HTML基本骨架、标题标签、段落 换行、水平线图片图片路径、超链接
11 0