html - 如何快速更改现有 HTML 字符串的样式?

标签 html ios swift uiwebview

我从 Web 服务获取 HTML 字符串并将其加载到 `UIWebView.示例 html 字符串是这样的。

" <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>"

加载后它只是一个黑色文本。我想增加这些文本的大小,更改颜色并将其置于 UIWebView 的中心。我怎样才能 swift 做到这一点?请帮助我。

最佳答案

你可以通过在你的 html 字符串中附加样式来做到这一点。

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>")

要使其居中,您可以在 html 字符串中添加以下内容

"<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>"

关于html - 如何快速更改现有 HTML 字符串的样式?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/46679429/

相关文章:

javascript - 在函数中渲染 JSX 元素

javascript - 在导航栏中居中字形图标

ios - 密码保护 iPhone 中的文件夹

ios - 使用 UITableView 部分进行分页

ios - ACAccountStore accountsWithAccountType 返回空列表但访问请求被授予

JavaScript 表单,带验证

html - 社交与导航栏融合

ios - 我的应用被拒绝后向App Store提出申诉

swift - 究竟如何在后台线程上渲染 Metal?

ios - 如何在 ios 中的 instagram 上分享?