How to change the styles of existing HTML string in swift?

Question

I am getting a HTML string from a web service and load it on an `UIWebView. A Sample html string is like this.

" <div class='wg-rs-workAnniversary'> <div class='greetingtext'><span class='years work-years'>1 <sup>-</sup></span> <span class='event'>Work <br> Anniversary</span></div> <input type='hidden' class='hid-work-years' value='1'/> </div> <div class='wg-rs-btext work-years'>ABC Employee celebrates his 1<sup>-</sup> work anniversary today</div>"

After I loaded it it is just a black text. I want to increase the size of these text, change the color and center it on the UIWebView. How can I do this in swift? Please help me.

I think you should increase the size of these text, change the color and center in HTML. Then load it on UIWebView. — Son Pham
– Son Pham, Commented Oct 11, 2017 at 3:55

Nishant Bhindi · Accepted Answer · 2017-10-11 05:08:04Z

1

Yo can do it by appending style in your html string.

let htmlText = " <div class='wg-rs-workAnniversary'> <div class='greetingtext'><span> class='years work-years'>1 <sup>-</sup></span> <span> class='event'>Work <br> Anniversary</span></div> <input type='hidden'> class='hid-work-years' value='1'/> </div> <div class='wg-rs-btext> work-years'>ABC Employee celebrates his 1<sup>-</sup> work anniversary> today</div>"   
let htmlTextWithStyle = htmlText + ("<style>body{font-family: '\(UIFont.systemFont(ofSize: 12.0))'; font-size:\(14.0);}</style>")

To center it , You can add following in your html string

"<style type='text/css'>html,body {margin: 0;padding: 0;width: 100%;height: 100%;}html {display: table;}body {display: table-cell;vertical-align: middle;padding: 20px;text-align: center;-webkit-text-size-adjust: none;}</style>"

edited Oct 11, 2017 at 5:08

answered Oct 11, 2017 at 4:54

Nishant Bhindi

2,25210 silver badges21 bronze badges

Sign up to request clarification or add additional context in comments.

1 Comment

das Over a year ago

Thank you. I will try this. Can you please tell me how can I make it center of the UIWebView as well?

Collectives™ on Stack Overflow

How to change the styles of existing HTML string in swift?

1 Answer 1

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related