iOS UIWebView加载带随机格式富文本标签
2018-07-24 本文已影响0人
没穿秋裤
-
前言: 众所周知，运营会在不定期发布一些消息，很可能很简单，前端的小伙伴表示不想画个网页了的，所以就出现了富文本编辑器。
很常见的富文本编辑器
-
这个里面可以输入文字、表情、图片，关键还可以设置各种样式，所以我们就会得到下面这些：
<p style="text-indent:2em;"> //首行锁进两个字符
<span style="font-size:32px;"> 五千烦恼丝，随雨而逝吧！</span>
</p>
- 那么在iOS的UIWebView里面咋么加载这些标签呢的？
NSString *strHTML = @"带格式的标签";
[webView loadHTMLString:strHTML baseURL:nil];
-
试试好像好使但是有问题 ，其他格式都能加载出来，就是font-size有点问题，navigationtitle的字号是18px的，后台设置了32px了的还是这么小，看下图
font-size为32px的标签展示
注意:普及一下前端的知识，font-size后面字号如果不带px的话默认就是pt的
- 求助前端小伙伴
- 其实网页也是这样的标签，为啥网页好使，本地的就不好使呢的?
因为别人写的全啊的。。。。
- 为啥h5就能适配手机屏幕?
因为加了屏幕适配。。。。。
所以就诞生了，我下面的代码
NSString *cssContentString = [NSString stringWithFormat:
@"<!DOCTYPE html>"
"<html>"
"<head>"
"<meta name=\"viewport\" content=\"width=device-width,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no\">" //适配手机的关键
"</head>"
"<body>"
"%@"
"</body>"
"</html>" , self.content]; //self.content就是后台传过来的标签
[self.contentWebView setScalesPageToFit:YES];
[self.contentWebView loadHTMLString:cssContentString baseURL:nil];
-
完美解决
最后的效果图
