美文网首页
iOS UIWebView加载带随机格式富文本标签

iOS UIWebView加载带随机格式富文本标签

作者: 没穿秋裤 | 来源:发表于2018-07-24 10:41 被阅读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的

  • 求助前端小伙伴
  1. 其实网页也是这样的标签,为啥网页好使,本地的就不好使呢的?

因为别人写的全啊的。。。。

  1. 为啥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];
  • 完美解决


    最后的效果图

小伙伴们来试一试吧的。。。。。。。。。

相关文章

网友评论

      本文标题:iOS UIWebView加载带随机格式富文本标签

      本文链接:https://www.haomeiwen.com/subject/jblemftx.html