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

  • 前言: 众所周知,运营会在不定期发布一些消息,很可能很简单,前端的小伙伴表示不想画个网页了的,所以就出现了富文本编辑器。


    很常见的富文本编辑器
  • 这个里面可以输入文字、表情、图片,关键还可以设置各种样式,所以我们就会得到下面这些:

 

//首行锁进两个字符 五千烦恼丝,随雨而逝吧!

  • 那么在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: 
@""
    ""
   ""
   "" //适配手机的关键
    ""
    ""
    "%@"
    ""
    "" , self.content];   //self.content就是后台传过来的标签
[self.contentWebView setScalesPageToFit:YES]; 
[self.contentWebView loadHTMLString:cssContentString baseURL:nil];
  • 完美解决


    最后的效果图

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

你可能感兴趣的:(iOS UIWebView加载带随机格式富文本标签)