个人中心
gpt4 book ai didi

ios - 当 HTML 作为 JSON 请求的参数发送时，具有多个 CSS 类的 HTML 不呈现

转载 作者：行者123 更新时间：2023-11-28 07:35:03 25 4
gpt4 key购买 nike

我有一个将 JSON 作为请求参数的 API。此 JSON 中的字段之一是 HTML 字符串。 HTML 字符串从 .css 文件中选取其 css。但是，对于具有 2 个 css 类的 HTML 元素，不会选取任何 css 类。

这是我创建字典的方法:-

private func createCalendarInviteDictionary() -> [String: Any] {

    var calendarInviteDict = [:] as [String: Any]
    calendarInviteDict["emailId"] = hostDict["HostEmailAddress"]
    calendarInviteDict["startTime"] = mgVisitorInfo.startDate
    calendarInviteDict["endTime"] = mgVisitorInfo.endDate
    calendarInviteDict["location"] = mgVisitorInfo.locationSite
    calendarInviteDict["subject"] = "Welcome!!"
    calendarInviteDict["allDayEvent"] = "no"
    calendarInviteDict["isSkypeMeeting"] = "no"
    calendarInviteDict["isHigh"] = "yes"
    calendarInviteDict["requiredAttendees"] = [mgVisitorInfo.email]
    calendarInviteDict["optionalAttendees"] = []
    return calendarInviteDict
}

下面是我调用上述方法并将字典转换为 JSON 的不完整方法:-

private func createCalendarInvite(_ completion: @escaping dataRequestCompletionBlock) {

    var calendarInviteDict = createCalendarInviteDictionary() as [String: Any]
    let emailContentHelper = EmailContentHelper()
    calendarInviteDict["body"] = emailContentHelper.constructEmailBody()

    var calendarInviteJSON = ""
    if let theJSONData = try? JSONSerialization.data(
        withJSONObject: calendarInviteDict,
        options: [.prettyPrinted]) {
        calendarInviteJSON = String(data: theJSONData, encoding: .utf8)!
        print("JSON string = \(calendarInviteJSON)")
    }
    let calendarInviteParams = ["requestJSONString": calendarInviteJSON] as [String: String]
// do something else
}

以下是在控制台中为 JSON 字符串记录的内容:-

JSON string = {
  "optionalAttendees" : [

  ],
  "requiredAttendees" : [
"abc@gmail.com"
  ],
  "location" : "location",
  "emailId" : "xyz@gmail.com",
  "isSkypeMeeting" : "no",
  "body" : "<html><head><style type=\"text\/css\" media=\"all\">#banner {\n\twidth: 100%\n}\n\n* {\n    box-sizing: border-box;\n}\n\n.blue {\n    color: #007DB8;\n    font-family: 'Roboto';\n    font-weight: bold;\n    font-size: 14pt;\n}\n\n.blackBold {\n    font-family: 'Roboto';\n    font-weight: bold;\n    font-size: 14pt;\n}\n\n.blackLight {\n    font-family: 'Roboto';\n    font-weight: light;\n    font-size: 14pt;\n}\n\n.table-column1 {\n    vertical-align: top;\n    padding-left: 0pt\n}\n\n.table-column2 {\n    padding-left: 20pt;\n}\n\n.centerText {\n    text-align: center;\n}\n\nimg {\n    display: block;\n    margin-left: auto;\n    margin-right: auto;\n}\n<\/style><\/head><body><p><img class=\"banner\" src=\"https:\/\/i.abc.com\/sites\/csimages\/Banner_Imagery\/all\/invite_web.png\" alt=\"Invite-Image-With-Logo\" border=\"0\"><\/p><p><span class=\"blackBold\">Dear<\/span><span class=\"blue\"> letsbondiway<\/span><\/p><p><span class=\"blackLight\">We are very much looking forward to your visit to the <\/span><span class=\"blackBold\">location<\/span><span class=\"blackLight\"> Campus.<\/span><\/p><br><span class=\"blue\">Your visit details:<\/span><br><table><tr><td class=\"blue table-column1\">Company:<\/td><td class=\"blackLight table-column2\">company<\/td><\/tr><tr><td class=\"blue table-column1\">Arrival Date:<\/td><td class=\"blackLight table-column2\">Thu, Nov 22, 2018 1:30 AM<\/td><\/tr><tr><td class=\"blue table-column1\">Departure Date:<\/td><td class=\"blackLight table-column2\">Thu, Nov 22, 2018 2:30 AM<\/td><\/tr><tr><td class=\"blue table-column1\">Visiting:<\/td><td class=\"blackLight table-column2\">letsbondiway<\/td><\/tr><\/table><br><\/body><\/html>",
  "isHigh" : "yes",
  "endTime" : "2018-11-22 2:30:23.000",
  "startTime" : "2018-11-22 1:30:23.000",
  "allDayEvent" : "no",
  "subject" : "Welcome!!"
}

可以看出，上面记录的 JSON 中的 html 有 2 种风格的元素 - 一种只有一个 css 类

<span class=\"blackBold\">Dear<\/span>

和其他有 2 个 css 类的 -

<td class=\"blue table-column1\">Company:<\/td>

当此 JSON 在 API 请求中发送并且 API 成功执行时，具有 1 个 css 类的 HTML 部分被正确呈现，但具有 2 个 css 类的 HTML 部分未正确呈现。事实上，它不具有这两个类中任何一个的属性。

我显然可以使用内联样式，这应该也能正常工作，但由于我需要在 HTML 中的多个位置使用相同的属性，我创建了一个 .css 文件，其中包含 css 类。

我需要做哪些更改才能正确呈现具有 2 个 css 类的 HTML 部分。

最佳答案

在电子邮件中链接类不是一个好主意，因为许多电子邮件客户端无法识别它。

请记住，电子邮件中的 CSS 非常有限。因此，不要向每个单元格添加多个类，而是只添加一个。或者更好的是，内联样式。我知道内联样式非常困惑，但是当涉及到电子邮件时，嵌套表格和内联样式是您最好的 friend 。尽可能简单。

关于ios - 当 HTML 作为 JSON 请求的参数发送时，具有多个 CSS 类的 HTML 不呈现，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/53419826/

25 4 0
文章推荐： swift - 表达式类型 '()' 在没有更多 XCTAssertEqual 上下文的情况下不明确
文章推荐： c++ - 将结构 vector 作为函数参数传递要求分配器
文章推荐： c++ - KissFFT 输出返回 nan 值？
文章推荐： c++ - 我可以将符号数组传递给宏吗？
行者123
个人简介

我是一名优秀的程序员,十分优秀！

滴滴打车优惠券免费领取
滴滴打车优惠券
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com